*{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,sans-serif;background-color:#f5f5f5}.app-container{display:flex;min-height:100vh}.sidebar{width:250px;color:#fff;padding:20px}.sidebar-title{font-size:18px;font-weight:600;margin-bottom:30px}.nav-item{display:flex;align-items:center;gap:10px;padding:12px 16px;margin-bottom:5px;border-radius:4px;cursor:pointer;transition:background-color .2s}.nav-item:hover{background-color:#ffffff1a}.nav-item.active{background-color:#fff3}.main-content{flex:1;padding:30px 40px;max-width:1400px}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.page-title{font-size:24px;font-weight:600;color:#323130}.card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:24px;margin-bottom:24px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.stat-card{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a}.stat-value{font-size:28px;font-weight:600;color:#4f46e5}.stat-label{color:#605e5c;margin-top:5px}.status-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500}.table-container{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{padding:12px 16px;text-align:left;border-bottom:1px solid #edebe9}th{font-weight:600;color:#323130;background-color:#faf9f8}tr:hover{background-color:#f5f5f5}