*{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;flex-shrink:0}.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;min-width:0}.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:#ff6b00}.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}.sidebar-toggle{display:none;position:fixed;top:10px;left:10px;z-index:1001;background:#ff6b00;color:#fff;border:none;border-radius:6px;width:40px;height:40px;font-size:22px;cursor:pointer;align-items:center;justify-content:center;box-shadow:0 2px 8px #0003}.sidebar-overlay{display:none}@media (max-width: 1024px){.sidebar{width:200px;padding:16px}.main-content{padding:20px 24px}}@media (max-width: 768px){.sidebar-toggle{display:flex}.sidebar{position:fixed;top:0;left:-280px;width:280px;z-index:1000;transition:left .3s ease;overflow-y:auto;height:100vh}.sidebar.open{left:0}.sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:999}.sidebar-overlay.visible{display:block}.main-content{padding:60px 16px 16px;max-width:100%}.page-header{flex-wrap:wrap;gap:12px;margin-bottom:16px}.page-title{font-size:20px}.card{padding:16px}.stats-grid{grid-template-columns:1fr 1fr;gap:12px}th,td{padding:8px 10px;font-size:13px}}@media (max-width: 480px){.stats-grid{grid-template-columns:1fr}}