:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#1e293b;background-color:#f8fafc}body{margin:0;padding:0;min-height:100vh;background-color:#f8fafc}#root{width:100%;height:100vh}.app-container{display:flex;height:100vh}.sidebar{width:260px;background-color:#fff;border-right:1px solid #e2e8f0;padding:1.5rem 1rem;display:flex;flex-direction:column}.logo-container{padding:0 1rem 2rem}.nav-menu{list-style:none;padding:0;margin:0}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;color:#64748b;text-decoration:none;border-radius:.5rem;margin-bottom:.25rem;font-weight:500;transition:all .2s}.nav-item:hover,.nav-item.active{background-color:#f1f5f9;color:#0f172a}.nav-item.active{font-weight:600}.main-content{flex:1;overflow-y:auto;padding:2rem 3rem}.header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.title-section h1{font-size:1.875rem;font-weight:700;margin:0;color:#0f172a}.title-section p{color:#64748b;margin:.25rem 0 0}.btn-primary{background-color:#0f172a;color:#fff;padding:.625rem 1.25rem;border-radius:.5rem;font-weight:600;border:none;cursor:pointer;transition:background-color .2s}.btn-primary:hover{background-color:#1e293b}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:2rem}.stat-card{background:#fff;padding:1.25rem;border-radius:.75rem;border:1px solid #e2e8f0}.stat-label{font-size:.75rem;font-weight:600;text-transform:uppercase;color:#94a3b8;letter-spacing:.05em;margin-bottom:.5rem}.stat-value{font-size:1.5rem;font-weight:700;color:#0f172a}.data-sections{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.section-card{background:#fff;padding:1.5rem;border-radius:.75rem;border:1px solid #e2e8f0;min-height:15.625rem}.section-card h2{font-size:1.125rem;font-weight:700;margin:0 0 1rem;color:#0f172a}.empty-state{color:#94a3b8;font-size:.875rem}.user-info{display:flex;align-items:center;gap:.75rem;position:absolute;top:1.5rem;right:3rem}.user-name{font-size:.875rem;font-weight:500;color:#475569}.user-avatar{width:2rem;height:2rem;background-color:#f1f5f9;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#64748b}.data-table-container{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;overflow:hidden;margin-top:1rem}.data-table{width:100%;border-collapse:collapse;text-align:left}.data-table th{background-color:#f8fafc;padding:1rem;font-size:.75rem;font-weight:600;text-transform:uppercase;color:#94a3b8;letter-spacing:.05em;border-bottom:1px solid #e2e8f0}.data-table td{padding:1rem;border-bottom:1px solid #f1f5f9;font-size:.875rem;color:#475569}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover{background-color:#f8fafc}.data-table .cell-name{font-weight:600;color:#0f172a}.data-table .cell-action{white-space:nowrap}.app-container{display:flex;width:100vw;height:100vh;overflow:hidden}