.app-layout{background-color:#fbf9f6;display:flex;font-family:Inter,sans-serif;min-height:100vh}.sidebar{background-color:#1a1b1e;border-right:1px solid #2c2d31;bottom:0;color:#e5e7eb;display:flex;flex-direction:column;left:0;position:fixed;top:0;width:260px;z-index:50}.desktop-sidebar{display:none}@media (min-width:768px){.desktop-sidebar{display:flex}}.sidebar-header{margin-bottom:8px;padding:32px 24px}.app-logo{display:block;filter:brightness(0) invert(1);height:40px;object-fit:contain;width:auto}.brand-title{color:#fff;font-size:20px;font-weight:700;letter-spacing:-.01em;margin:0}.role-badge{background:#2c2d31;border-radius:4px;color:#9ca3af;display:inline-block;font-size:10px;font-weight:600;letter-spacing:.1em;margin-top:8px;padding:4px 8px;text-transform:uppercase}.sidebar-footer{border-top:1px solid #2c2d31;padding:24px}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:4px;padding:0 16px}.nav-item{align-items:center;border-radius:12px;color:#9ca3af;display:flex;font-size:14px;font-weight:500;margin-bottom:2px;padding:12px 16px;text-decoration:none;transition:all .2s ease}.nav-item:hover{background-color:#2c2d31;color:#fff}.nav-item.active{background:linear-gradient(135deg,#e9d5ff,#d8b4fe);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;color:#581c87;font-weight:600}.nav-icon{margin-right:12px;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}.login-logo{display:block;height:100px;margin:0 auto 24px;object-fit:contain;width:auto}.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)}@media (max-width:640px){.dashboard-header-row{align-items:flex-start;flex-direction:column;gap:var(--space-4)}.dashboard-header-row .flex{display:grid;grid-template-columns:1fr 1fr;width:100%}.dashboard-header-row .btn{justify-content:center;padding:10px;width:100%}}.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)}@media (max-width:640px){.page-header{align-items:flex-start;flex-direction:column;gap: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}@media (max-width:640px){.content-card{border-radius:16px;padding:var(--space-4)}}.content-card:hover{box-shadow:var(--shadow-md)}.table-container{-webkit-overflow-scrolling:touch;margin-bottom:var(--space-2);overflow-x:auto;width:100%}.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}.form-group{margin-bottom:20px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.w-full{width:100%}.h-full{height:100%}.text-center{text-align:center}.relative{position:relative}.absolute{position:absolute}.hidden{display:none}@media (max-width:768px){.hidden-mobile{display:none!important}}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.mb-8{margin-bottom:32px}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mr-2{margin-right:8px}.p-2{padding:8px}.p-4{padding:16px}.p-6{padding:24px}.py-2{padding-bottom:8px;padding-top:8px}.px-4{padding-left:16px;padding-right:16px}.py-3{padding-bottom:12px;padding-top:12px}.text-sm{font-size:14px}.text-xs{font-size:12px}.text-lg{font-size:18px}.text-xl{font-size:20px}.text-2xl{font-size:24px}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-gray-400{color:#9ca3af}.text-gray-500{color:#6b7280}.text-gray-600{color:#4b5563}.text-gray-900{color:#111827}.text-purple-600{color:#7c3aed}.text-purple-700{color:#6d28d9}.text-red-600{color:#dc2626}.bg-gray-50{background-color:#f9fafb}.bg-purple-50{background-color:#f5f3ff}.bg-white{background-color:#fff}.truncate{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (min-width:768px){.truncate{max-width:250px}}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.btn{border-radius:12px;cursor:pointer;font-size:14px;font-weight:600;height:40px;outline:none;padding:10px 24px;transition:all .2s ease}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{box-shadow:0 4px 12px #7c3aed33}.btn-primary:hover:not(:disabled){background-color:#6d28d9;box-shadow:0 6px 16px #7c3aed4d;transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background-color:#fff;border:1px solid var(--color-gray-200);color:var(--color-gray-700)}.btn-secondary:hover:not(:disabled){background-color:var(--color-gray-50);border-color:var(--color-gray-300);color:var(--color-black)}.btn-icon{border-radius:8px;color:var(--color-gray-400);padding:8px;transition:all .2s}.btn-icon:hover{background-color:#f5f3ff;background-color:var(--color-purple-50,#f5f3ff);color:var(--color-purple)}.segmented-control-container{background-color:#f3f4f6;border-radius:14px;box-shadow:inset 0 2px 4px #00000005;display:flex;gap:4px;padding:6px;width:-webkit-fit-content;width:fit-content}.segmented-btn{align-items:center;background:#0000;border:none;border-radius:10px;color:#6b7280;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s ease}.segmented-btn:hover{background-color:#00000008;color:#374151}.segmented-btn.active{background-color:#fff;box-shadow:0 2px 8px #0000000d;color:#7c3aed}.empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:80px 20px;text-align:center}.empty-icon-wrapper{background-color:#f5f3ff;border-radius:50%;display:inline-flex;margin-bottom:24px;padding:24px}.empty-title{color:#111827;font-size:24px;font-weight:700;margin-bottom:8px}.empty-desc{color:#6b7280;font-size:16px;line-height:1.5;margin:0 auto 32px;max-width:400px}.custom-select-trigger{align-items:center;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;color:#111827;cursor:pointer;display:flex;font-size:14px;justify-content:space-between;padding:12px 16px;transition:all .2s;width:100%}.custom-select-trigger:hover{border-color:#d1d5db}.custom-select-trigger.open{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a}.custom-select-menu{animation:fadeIn .1s ease-out;background-color:#fff;border:1px solid #f3f4f6;border-radius:12px;box-shadow:0 10px 25px -5px #0000001a;margin-top:4px;max-height:240px;overflow-y:auto;padding:6px;position:absolute;width:100%;z-index:50}.custom-select-option{align-items:center;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:14px;justify-content:space-between;padding:10px 16px}.custom-select-option.selected,.custom-select-option:hover{background-color:#f5f3ff;color:#7c3aed}.custom-select-option.selected{font-weight:600}.form-segmented-control{background-color:#f3f4f6;border:1px solid #e5e7eb;border-radius:12px;display:flex;padding:4px}.form-segmented-item{align-items:center;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;flex:1 1;font-size:13px;font-weight:600;justify-content:center;padding:8px;transition:all .2s}.form-segmented-item.active{background-color:#fff;box-shadow:0 1px 3px #0000001a;color:#111827}.form-segmented-item.active.in{color:#059669}.form-segmented-item.active.out{color:#dc2626}.product-type-selector{grid-gap:12px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;padding:4px}.product-type-option{background:#fff;border:2px solid #0000;border-radius:10px;cursor:pointer;padding:14px;transition:all .2s}.product-type-option:hover{border-color:#d1d5db}.product-type-option.active{background:#f5f3ff;border-color:#7c3aed}.product-type-option .flex-shrink-0{transition:border-color .2s}.product-type-option.active .flex-shrink-0{border-color:#7c3aed}: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.87226d89.css.map*/