.app-layout{background-color:var(--color-gray-50);display:flex;min-height:100vh}.sidebar{background-color:var(--color-white);border-right:1px solid var(--color-gray-200);bottom:0;display:flex;flex-direction:column;left:0;position:fixed;top:0;width:250px;z-index:50}.desktop-sidebar{display:none}@media (min-width:768px){.desktop-sidebar{display:flex}}.sidebar-header{padding:var(--space-6)}.brand-title{color:var(--color-black);font-size:20px;font-weight:700;letter-spacing:-.01em;margin:0}.role-badge{color:var(--color-gray-400);font-size:11px;font-weight:600;letter-spacing:.05em;margin-top:var(--space-1);text-transform:uppercase}.sidebar-footer{border-top:1px solid var(--color-gray-100);padding:var(--space-4)}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:2px;padding:0 var(--space-4)}.nav-item{align-items:center;border-radius:var(--radius-md);color:var(--color-gray-600);display:flex;font-size:14px;font-weight:500;padding:var(--space-3) var(--space-4);text-decoration:none;transition:all .2s}.nav-item:hover{background-color:var(--color-gray-50);color:var(--color-black)}.nav-item.active{background-color:#f8f5ff;color:var(--color-purple)}.nav-icon{margin-right:var(--space-3);opacity:.7}.nav-item.active .nav-icon{opacity:1}.logout-btn{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:var(--color-gray-600);cursor:pointer;display:flex;font-size:14px;font-weight:500;padding:var(--space-3) var(--space-4);transition:all .2s;width:100%}.logout-btn:hover{background-color:#fef2f2;color:#dc2626}.main-wrapper{display:flex;flex:1 1;flex-direction:column;min-height:100vh}@media (min-width:768px){.main-wrapper{margin-left:250px}}.page-content{flex:1 1;margin:0 auto;max-width:1200px;padding:var(--space-4);width:100%}@media (min-width:768px){.page-content{padding:var(--space-8)}}.mobile-header{align-items:center;background-color:var(--color-white);border-bottom:1px solid var(--color-gray-200);display:flex;height:64px;justify-content:space-between;padding:0 var(--space-4);position:-webkit-sticky;position:sticky;top:0;z-index:40}@media (min-width:768px){.mobile-header{display:none}}.brand-title-sm{color:var(--color-black);font-size:18px;font-weight:700}.menu-btn{background:none;border:none;color:var(--color-black);padding:var(--space-2)}.mobile-menu-overlay{background-color:#0003;inset:0;position:fixed;z-index:30}@media (min-width:768px){.mobile-menu-overlay{display:none}}.mobile-menu-sidebar{background-color:var(--color-white);border-bottom:1px solid var(--color-gray-200);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;left:0;padding-bottom:var(--space-4);position:absolute;right:0;top:64px}.login-container{align-items:center;background-color:var(--color-gray-50);background-image:radial-gradient(var(--color-gray-200) 1px,#0000 1px);background-size:24px 24px;display:flex;justify-content:center;min-height:100vh;padding:var(--space-4)}.login-card{background-color:var(--color-white);border:1px solid var(--color-white);border-radius:24px;box-shadow:var(--shadow-xl);max-width:420px;padding:48px;width:100%}.login-header{margin-bottom:32px;text-align:center}.logo-box{align-items:center;background-color:var(--color-black);border-radius:16px;box-shadow:0 10px 25px -5px #0000004d;color:var(--color-white);display:flex;font-size:24px;font-weight:800;height:56px;justify-content:center;margin:0 auto 24px;width:56px}.login-title{color:var(--color-black);font-size:28px;font-weight:700;letter-spacing:-.02em;margin-bottom:8px}.login-subtitle{color:var(--color-gray-500);font-size:14px;line-height:1.5}.login-form{gap:20px}.form-group,.login-form{display:flex;flex-direction:column}.form-group{gap:6px}.form-label{margin-left:2px}.form-error{font-weight:500}.submit-btn{align-items:center;background-color:var(--color-purple);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;height:48px;justify-content:center;margin-top:8px;transition:all .2s;width:100%}.submit-btn:hover{background-color:#5b21d6;box-shadow:0 4px 12px #6c2bff40;transform:translateY(-1px)}.submit-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.toggle-btn{background:none;border:none;color:var(--color-gray-500);cursor:pointer;font-size:14px;margin-top:24px;padding:8px;text-align:center;transition:color .2s;width:100%}.toggle-btn:hover{color:var(--color-purple);text-decoration:underline}.error-banner{align-items:center;background-color:#fef2f2;border:1px solid #fca5a5;border-radius:8px;color:#b91c1c;display:flex;font-size:13px;gap:10px;margin-bottom:20px;padding:12px}.dashboard-container{margin:0 auto;max-width:1400px}.dashboard-header-row{align-items:flex-end;display:flex;justify-content:space-between;margin-bottom:var(--space-8)}.welcome-text{color:var(--color-black);font-size:32px;font-weight:700;letter-spacing:-.03em;margin:0}.welcome-subtext{color:var(--color-gray-500);font-size:16px;margin-top:var(--space-2)}.quick-actions-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:var(--space-8)}.action-card{align-items:center;background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;justify-content:space-between;padding:var(--space-4);text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1)}.action-card:hover{border-color:var(--color-purple);box-shadow:var(--shadow-md);transform:translateY(-2px)}.action-icon-box{align-items:center;border-radius:10px;display:flex;height:40px;justify-content:center;margin-right:var(--space-4);width:40px}.action-info h4{color:var(--color-black);font-size:14px;font-weight:600;margin:0}.action-info p{color:var(--color-gray-500);font-size:12px;margin:2px 0 0}.arrow-icon{color:var(--color-gray-300);transition:transform .2s}.action-card:hover .arrow-icon{color:var(--color-purple);transform:translateX(4px)}.dashboard-grid{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:1fr}@media (min-width:1024px){.dashboard-grid{grid-template-columns:2fr 1.2fr}}.hero-card{background-color:var(--color-black);border-radius:20px;box-shadow:var(--shadow-lg);color:var(--color-white);overflow:hidden;padding:var(--space-6);position:relative}.hero-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-6)}.hero-title{color:var(--color-white);font-size:18px;font-weight:600}.time-select{background-color:#ffffff1a;border:1px solid #ffffff1a;border-radius:20px;color:var(--color-white);font-size:12px;outline:none;padding:4px 12px}.list-card{background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:20px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;padding:var(--space-6)}.list-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-6)}.list-title{color:var(--color-black);font-size:18px;font-weight:700}.see-all-link{align-items:center;color:var(--color-gray-500);display:flex;font-size:13px;font-weight:500}.see-all-link:hover{color:var(--color-purple)}.task-list{display:flex;flex-direction:column;gap:var(--space-4)}.task-item{align-items:center;border-bottom:1px solid var(--color-gray-50);display:flex;justify-content:space-between;padding:var(--space-3) 0}.task-item:last-child{border-bottom:none}.task-icon{align-items:center;background-color:var(--color-gray-50);border-radius:50%;color:var(--color-black);display:flex;height:40px;justify-content:center;margin-right:var(--space-4);width:40px}.task-content{flex:1 1}.task-name{color:var(--color-black);font-size:14px;font-weight:600}.task-meta{color:var(--color-gray-400);font-size:12px;margin-top:2px}.kpi-strip{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(2,1fr);margin-bottom:var(--space-6)}.kpi-card-mini{background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:16px;display:flex;flex-direction:column;justify-content:center;padding:var(--space-4)}.kpi-label{color:var(--color-gray-500);font-size:12px;margin-bottom:4px}.kpi-value{color:var(--color-black);font-size:20px;font-weight:700}.kpi-trend{align-items:center;display:inline-flex;font-size:11px;font-weight:600;margin-top:4px}.trend-up{color:#10b981}.trend-down{color:#ef4444}.feature-card{align-items:center;background:linear-gradient(135deg,#f3f0ff,#fff);border:1px solid #e9d5ff;border-radius:20px;display:flex;justify-content:space-between;padding:var(--space-6)}.feature-text h4{font-size:16px;font-weight:700;margin:0 0 8px}.feature-text p{color:var(--color-gray-600);font-size:13px;margin:0;max-width:80%}.feature-btn{background-color:var(--color-black);border:none;border-radius:99px;color:#fff;font-size:13px;font-weight:600;padding:10px 20px;transition:transform .2s}.feature-btn:hover{transform:scale(1.05)}.page-header{align-items:flex-end;border-bottom:1px solid #0000;display:flex;justify-content:space-between;margin-bottom:var(--space-8);padding-bottom:var(--space-4)}.page-title{color:var(--color-black);font-size:32px;font-weight:700;letter-spacing:-.02em;line-height:1.2;margin:0}.page-subtitle{color:var(--color-gray-500);font-size:16px;margin-top:var(--space-2)}.content-card{background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:20px;box-shadow:var(--shadow-sm);overflow:hidden;padding:var(--space-6);transition:box-shadow .2s}.content-card:hover{box-shadow:var(--shadow-md)}.table-container{overflow-x:auto}.data-table{border-collapse:initial;border-spacing:0;font-size:14px;width:100%}.data-table th{border-bottom:1px solid var(--color-gray-200);color:var(--color-gray-400);font-size:11px;font-weight:600;letter-spacing:.05em;text-align:left;text-transform:uppercase}.data-table td,.data-table th{background-color:var(--color-white);padding:var(--space-4) var(--space-4)}.data-table td{border-bottom:1px solid var(--color-gray-100);color:var(--color-gray-700);transition:background-color .2s;vertical-align:middle}.data-table tbody tr:hover td{background-color:var(--color-gray-50)}.data-table tbody tr:last-child td{border-bottom:none}.input{background-color:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:10px;color:var(--color-black);font-size:14px;padding:10px 16px;transition:all .2s}.input:focus{background-color:var(--color-white);box-shadow:0 0 0 3px #6c2bff1a}.search-bar{max-width:400px;position:relative}.search-icon{color:var(--color-gray-400);left:12px;position:absolute;top:50%;transform:translateY(-50%)}.search-input{padding-left:40px!important}.badge{align-items:center;border-radius:6px;display:inline-flex;font-size:12px;font-weight:600;line-height:1;padding:4px 10px}.badge-purple{background-color:#f5f3ff;color:#7c3aed}.badge-gray{background-color:#f3f4f6;color:#4b5563}.badge-green{background-color:#ecfdf5;color:#059669}.badge-red{background-color:#fef2f2;color:#dc2626}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0b0b0f66;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:50}.modal-content{background-color:#fff;border-radius:20px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:90vh;max-width:550px;overflow-y:auto;width:100%}.modal-header{border-bottom:1px solid var(--color-gray-100);padding:24px 32px}.modal-body{padding:32px}.modal-footer{background-color:var(--color-gray-50);border-radius:0 0 20px 20px;border-top:1px solid var(--color-gray-100);display:flex;gap:12px;justify-content:flex-end;padding:24px 32px}.form-label{color:var(--color-gray-700);display:block;font-size:13px;font-weight:600;letter-spacing:.02em;margin-bottom:6px;text-transform:uppercase}.form-error{color:#dc2626;font-size:12px;margin-top:4px}:root{--color-black:#0b0b0f;--color-white:#fff;--color-purple:#6c2bff;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}@media (prefers-color-scheme:dark){:root{--bg-primary:var(--color-black);--bg-card:#141419;--text-primary:var(--color-white);--text-secondary:var(--color-gray-400);--border-color:#27272a}}:root{--bg-primary:var(--color-white);--bg-card:var(--color-white);--text-primary:var(--color-black);--text-secondary:var(--color-gray-600);--border-color:var(--color-gray-200)}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);margin:0}button{cursor:pointer;font-family:inherit}a{color:inherit;text-decoration:none}.container{margin:0 auto;max-width:1200px;padding:0 var(--space-4)}.btn{align-items:center;border:1px solid #0000;border-radius:var(--radius-md);display:inline-flex;font-weight:500;justify-content:center;padding:var(--space-2) var(--space-4);transition:all .2s}.btn-primary{background-color:var(--color-purple);color:#fff}.btn-primary:hover{filter:brightness(1.1)}.btn-secondary{background-color:initial;border:1px solid var(--color-black);color:var(--color-black)}.btn-secondary:hover{background-color:var(--color-gray-50)}@media (prefers-color-scheme:dark){.btn-secondary{border-color:var(--color-white);color:var(--color-white)}.btn-secondary:hover{background-color:#ffffff1a}}.input{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);display:block;padding:var(--space-2) var(--space-3);width:100%}.input:focus{border-color:var(--color-purple);box-shadow:0 0 0 2px #6c2bff33;outline:none}
/*# sourceMappingURL=main.3ceefdd3.css.map*/