@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap";:root,[data-theme=light]{--bg-main:#f0f2f5;--bg-card:#fff;--bg-card-hover:#f8f9fb;--bg-sidebar:#fff;--bg-dropdown:#fff;--border-color:#e5e7eb;--border-glow:#6366f126;--primary:#6366f1;--primary-hover:#4f46e5;--primary-glow:#6366f140;--primary-text-on:#fff;--success:#10b981;--success-bg:#10b9811a;--warning:#f59e0b;--warning-bg:#f59e0b1a;--danger:#ef4444;--danger-bg:#ef444414;--info:#3b82f6;--info-bg:#3b82f61a;--text-main:#1f2937;--text-muted:#6b7280;--text-dark:#1f2937;--text-heading:#111827;--text-on-primary:#fff;--font-display:"Outfit", sans-serif;--font-body:"Plus Jakarta Sans", sans-serif;--transition:all .3s cubic-bezier(.4, 0, .2, 1);--radius:16px;--backdrop:blur(16px);--input-bg:#f9fafb;--input-border:#d1d5db;--input-focus-shadow:#6366f126;--shadow-card:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-card-hover:0 4px 12px #00000014;--scrollbar-track:#f0f2f5;--scrollbar-thumb:#0000001f;--scrollbar-thumb-hover:#0003}[data-theme=dark]{--bg-main:#090d16;--bg-card:#161c2d99;--bg-card-hover:#1e253bbf;--bg-sidebar:#161c2d99;--bg-dropdown:#151c2e;--border-color:#ffffff14;--border-glow:#f3c62326;--primary:#f3c623;--primary-hover:#e0b410;--primary-glow:#f3c6234d;--primary-text-on:#090d16;--success:#10b981;--success-bg:#10b9811a;--warning:#f59e0b;--warning-bg:#f59e0b1a;--danger:#ef4444;--danger-bg:#ef44441a;--info:#3b82f6;--info-bg:#3b82f61a;--text-main:#f3f4f6;--text-muted:#9ca3af;--text-dark:#1f2937;--text-heading:#f3f4f6;--text-on-primary:#090d16;--font-display:"Outfit", sans-serif;--font-body:"Plus Jakarta Sans", sans-serif;--transition:all .3s cubic-bezier(.4, 0, .2, 1);--radius:16px;--backdrop:blur(16px);--input-bg:#ffffff0a;--input-border:#ffffff14;--input-focus-shadow:#f3c62333;--shadow-card:0 8px 32px 0 #0000005e;--shadow-card-hover:0 12px 40px 0 #00000073;--scrollbar-track:#090d16;--scrollbar-thumb:#ffffff1a;--scrollbar-thumb-hover:#fff3}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-main);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text-heading);font-weight:600}.glass{background:var(--bg-card);-webkit-backdrop-filter:var(--backdrop);border:1px solid var(--border-color);border-radius:var(--radius);box-shadow:var(--shadow-card);transition:var(--transition)}.glass:hover{background:var(--bg-card-hover);box-shadow:var(--shadow-card-hover)}[data-theme=dark] .glass:hover{border-color:#ffffff1f}.glass-glow{border-color:var(--border-glow);box-shadow:0 0 15px var(--border-glow)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}button,.btn{font-family:var(--font-display);cursor:pointer;transition:var(--transition);border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-weight:500;display:inline-flex}.btn-primary{background:var(--primary);color:var(--primary-text-on)}.btn-primary:hover{background:var(--primary-hover);box-shadow:0 0 15px var(--primary-glow);transform:translateY(-1px)}.btn-secondary{background:var(--input-bg);color:var(--text-main);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--bg-card-hover)}[data-theme=dark] .btn-secondary{background:#ffffff14}[data-theme=dark] .btn-secondary:hover{background:#ffffff26}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{opacity:.9;box-shadow:0 0 15px #ef44444d}input,select,textarea{background:var(--input-bg);border:1px solid var(--input-border);color:var(--text-main);font-family:var(--font-body);transition:var(--transition);border-radius:8px;width:100%;padding:12px 16px;font-size:.95rem}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 10px var(--input-focus-shadow);background:var(--bg-card);outline:none}[data-theme=dark] input:focus,[data-theme=dark] select:focus,[data-theme=dark] textarea:focus{background:#ffffff12}.custom-table{border-collapse:collapse;width:100%;margin-top:10px}.custom-table th{background:var(--input-bg);color:var(--text-muted);font-family:var(--font-display);text-align:left;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-color);padding:14px 18px;font-size:.85rem;font-weight:500}[data-theme=dark] .custom-table th{background:#ffffff08}.custom-table td{border-bottom:1px solid var(--border-color);color:var(--text-main);padding:16px 18px;font-size:.95rem}[data-theme=dark] .custom-table td{border-bottom-color:#ffffff0a}.custom-table tr:hover td{background:var(--bg-card-hover)}[data-theme=dark] .custom-table tr:hover td{background:#ffffff04}.badge{text-transform:uppercase;letter-spacing:.03em;border-radius:9999px;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-block}.badge-success{background:var(--success-bg);color:var(--success)}.badge-warning{background:var(--warning-bg);color:var(--warning)}.badge-danger{background:var(--danger-bg);color:var(--danger)}.badge-info{background:var(--info-bg);color:var(--info)}.theme-toggle-btn{background:var(--input-bg);border:1px solid var(--border-color);width:40px;height:40px;color:var(--text-main);cursor:pointer;transition:var(--transition);border-radius:8px;justify-content:center;align-items:center;padding:0;font-size:1.1rem;display:flex}.theme-toggle-btn:hover{background:var(--bg-card-hover);border-color:var(--primary)}[data-theme=dark] .theme-toggle-btn{background:#ffffff08}[data-theme=dark] .theme-toggle-btn:hover{background:#ffffff14}.native-mobile-app{touch-action:pan-x pan-y pinch-zoom;-webkit-overflow-scrolling:touch;-webkit-text-size-adjust:100%;font-size:12px}body.native-mobile-app{max-width:100vw;padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px);-webkit-overflow-scrolling:touch;overscroll-behavior-y:none;touch-action:pan-x pan-y pinch-zoom!important;overflow-x:hidden!important}.native-mobile-app #root,.native-mobile-app main{touch-action:pan-x pan-y pinch-zoom;-webkit-overflow-scrolling:touch;max-width:100%}.native-mobile-app [style*="position: fixed"],.native-mobile-app [style*="z-index: 1001"],.native-mobile-app [style*="z-index: 1002"],.native-mobile-app [style*="z-index: 1003"],.native-mobile-app [style*="z-index: 1004"],.native-mobile-app [style*="z-index: 1005"]{touch-action:pan-x pan-y pinch-zoom;-webkit-overflow-scrolling:touch;overflow:auto!important}.native-mobile-app h1{font-size:1.05rem!important}.native-mobile-app h2{font-size:1rem!important}.native-mobile-app h3{font-size:.9rem!important}.native-mobile-app header{padding-top:env(safe-area-inset-top,0px)!important;padding-left:max(8px, env(safe-area-inset-left,8px))!important;padding-right:max(8px, env(safe-area-inset-right,8px))!important;min-height:calc(44px + env(safe-area-inset-top,0px))!important;height:auto!important;padding-bottom:0!important}.native-mobile-app main{padding:8px 8px calc(76px + env(safe-area-inset-bottom,0px)) 8px!important}.native-mobile-app .glass{padding:8px!important}.native-mobile-app [style*=gap]{gap:8px!important}.native-mobile-app .mobile-stats-grid{grid-template-columns:repeat(4,1fr)!important;gap:4px!important;display:grid!important}.native-mobile-app .mobile-stat-card{border-radius:8px!important;min-width:0!important;padding:6px 3px!important}.native-mobile-app .mobile-product-card{border-radius:10px!important;min-height:auto!important;padding:10px 12px!important}.native-mobile-app button,.native-mobile-app .btn{padding:6px 10px;font-size:.75rem}.native-mobile-app input,.native-mobile-app select,.native-mobile-app textarea{height:auto;padding:6px 10px;font-size:.8rem}.native-mobile-app .custom-table th{padding:6px 8px;font-size:.7rem}.native-mobile-app .custom-table td{padding:8px;font-size:.75rem}.native-mobile-app [style*="z-index: 1001"]>.glass{max-height:98vh!important;margin:6px!important;padding:12px!important}.native-mobile-app [style*="z-index: 1001"] form{gap:6px!important}.native-mobile-app [style*="z-index: 1001"] label{margin-bottom:2px!important;font-size:.7rem!important}.remarks-cell{cursor:pointer;border-radius:6px;min-width:160px;max-width:280px;transition:background-color .15s}.remarks-cell:hover{background-color:#ffffff0d}.remarks-clamp{-webkit-line-clamp:3;word-break:break-word;white-space:normal;-webkit-box-orient:vertical;line-height:1.35;display:-webkit-box;overflow:hidden}.mobile-app{background:var(--bg-main);flex-direction:column;min-height:100dvh;display:flex}.mobile-header{background:var(--bg-card);border-bottom:1px solid var(--border-color);z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);justify-content:space-between;align-items:center;min-height:56px;padding:12px 16px;display:flex;position:sticky;top:0}.mobile-header-left{align-items:center;gap:12px;display:flex}.mobile-header-title{font-family:var(--font-display);color:var(--text-heading);margin:0;font-size:1.15rem;font-weight:700}.mobile-back-btn{background:var(--input-bg);border:1px solid var(--border-color);width:36px;height:36px;color:var(--text-main);cursor:pointer;transition:var(--transition);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.mobile-back-btn:hover{background:var(--bg-card-hover);border-color:var(--primary)}[data-theme=dark] .mobile-back-btn{background:#ffffff0f}.mobile-header-actions{align-items:center;gap:8px;display:flex}.mobile-content{-webkit-overflow-scrolling:touch;flex:1;padding:16px;overflow-y:auto}.mobile-welcome{text-align:center;padding:24px 16px 8px}.mobile-welcome-icon{background:var(--primary);width:64px;height:64px;color:var(--primary-text-on);font-size:1.8rem;font-weight:800;font-family:var(--font-display);box-shadow:0 4px 20px var(--primary-glow);border-radius:16px;justify-content:center;align-items:center;margin:0 auto 16px;display:flex}.mobile-welcome h2{margin-bottom:4px;font-size:1.4rem;font-weight:700}.mobile-welcome p{color:var(--text-muted);font-size:.85rem}.mobile-modules{flex-direction:column;gap:12px;padding:20px 0;display:flex}.mobile-module-card{background:var(--bg-card);border:1px solid var(--border-color);cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-card);color:inherit;-webkit-tap-highlight-color:transparent;border-radius:14px;align-items:center;gap:16px;padding:18px 20px;text-decoration:none;display:flex}.mobile-module-card:hover,.mobile-module-card:active{background:var(--bg-card-hover);box-shadow:var(--shadow-card-hover);transform:translateY(-1px)}.mobile-module-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.mobile-module-info{flex:1;min-width:0}.mobile-module-info h3{color:var(--text-heading);margin:0 0 2px;font-size:1rem;font-weight:600}.mobile-module-info p{color:var(--text-muted);margin:0;font-size:.8rem}.mobile-module-arrow{color:var(--text-muted);flex-shrink:0}.mobile-card{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-card);transition:var(--transition);border-radius:12px;margin-bottom:12px;padding:16px}.mobile-card:active{transform:scale(.99)}.mobile-card-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.mobile-card-title{font-family:var(--font-display);color:var(--primary);font-size:.95rem;font-weight:700}.mobile-card-row{justify-content:space-between;align-items:center;padding:6px 0;font-size:.88rem;display:flex}.mobile-card-label{color:var(--text-muted);font-size:.82rem}.mobile-card-value{color:var(--text-heading);font-weight:500}.mobile-stats-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px;display:grid}.mobile-stat-card{background:var(--bg-card);border:1px solid var(--border-color);text-align:center;box-shadow:var(--shadow-card);border-radius:12px;padding:14px}.mobile-stat-value{font-family:var(--font-display);font-size:1.4rem;font-weight:800;line-height:1.2}.mobile-stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-top:4px;font-size:.72rem}.mobile-tabs{background:var(--input-bg);-webkit-overflow-scrolling:touch;border-radius:10px;gap:6px;margin-bottom:16px;padding:4px;display:flex;overflow-x:auto}[data-theme=dark] .mobile-tabs{background:#ffffff0a}.mobile-tab{min-width:0;color:var(--text-muted);font-family:var(--font-display);cursor:pointer;transition:var(--transition);white-space:nowrap;text-align:center;background:0 0;border:none;border-radius:8px;flex:1;padding:10px 12px;font-size:.82rem;font-weight:600}.mobile-tab.active{background:var(--primary);color:var(--primary-text-on);box-shadow:0 2px 8px var(--primary-glow)}.mobile-btn{width:100%;font-family:var(--font-display);cursor:pointer;transition:var(--transition);-webkit-tap-highlight-color:transparent;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:14px 20px;font-size:.95rem;font-weight:600;display:flex}.mobile-btn-primary{background:var(--primary);color:var(--primary-text-on)}.mobile-btn-primary:hover{background:var(--primary-hover);box-shadow:0 4px 16px var(--primary-glow)}.mobile-btn-secondary{background:var(--input-bg);color:var(--text-main);border:1px solid var(--border-color)}[data-theme=dark] .mobile-btn-secondary{background:#ffffff0f}.mobile-btn-danger{background:var(--danger-bg);color:var(--danger);border:1px solid #ef444433}.mobile-btn-sm{width:auto;padding:8px 14px;font-size:.82rem}.mobile-form-group{margin-bottom:16px}.mobile-form-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px;font-size:.8rem;font-weight:600;display:block}.mobile-form-input{background:var(--input-bg);border:1px solid var(--input-border);width:100%;color:var(--text-main);font-family:var(--font-body);border-radius:10px;padding:14px 16px;font-size:1rem}.mobile-form-input:focus{border-color:var(--primary);box-shadow:0 0 10px var(--input-focus-shadow);outline:none}.mobile-empty{text-align:center;color:var(--text-muted);padding:40px 20px}.mobile-empty-icon{opacity:.4;margin-bottom:12px}.mobile-empty h3{color:var(--text-heading);margin-bottom:4px;font-size:1rem;font-weight:600}.mobile-empty p{font-size:.85rem}.mobile-loading{color:var(--text-muted);justify-content:center;align-items:center;gap:8px;padding:60px 20px;font-size:.9rem;display:flex}@keyframes mobile-spin{to{transform:rotate(360deg)}}.mobile-spinner{border:2px solid var(--border-color);border-top-color:var(--primary);border-radius:50%;width:20px;height:20px;animation:.7s linear infinite mobile-spin}.mobile-alert{border-radius:10px;align-items:center;gap:10px;margin-bottom:12px;padding:12px 14px;font-size:.85rem;font-weight:500;display:flex}.mobile-alert-success{background:var(--success-bg);color:var(--success);border:1px solid #10b98133}.mobile-alert-error{background:var(--danger-bg);color:var(--danger);border:1px solid #ef444433}.mobile-detail-section{margin-bottom:20px}.mobile-detail-section-title{font-family:var(--font-display);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px;padding-left:2px;font-size:.78rem;font-weight:700}.mobile-detail-card{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-card);border-radius:12px;overflow:hidden}.mobile-detail-row{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:13px 16px;display:flex}.mobile-detail-row:last-child{border-bottom:none}.mobile-detail-key{color:var(--text-muted);font-size:.85rem}.mobile-detail-val{color:var(--text-heading);text-align:right;word-break:break-word;max-width:60%;font-size:.9rem;font-weight:600}.mobile-actions{gap:8px;margin-top:16px;display:flex}.mobile-actions .mobile-btn{flex:1}.mobile-divider{background:var(--border-color);height:1px;margin:16px 0}.mobile-section-gap{height:8px}.mobile-fab{background:var(--primary);width:56px;height:56px;color:var(--primary-text-on);box-shadow:0 4px 20px var(--primary-glow);cursor:pointer;transition:var(--transition);z-index:50;-webkit-tap-highlight-color:transparent;border:none;border-radius:16px;justify-content:center;align-items:center;display:flex;position:fixed;bottom:24px;right:20px}.mobile-fab:active{transform:scale(.92)}.mobile-modal-overlay{z-index:200;background:#00000080;justify-content:center;align-items:flex-end;animation:.2s mobile-fade-in;display:flex;position:fixed;inset:0}.mobile-modal{background:var(--bg-card);border-radius:20px 20px 0 0;width:100%;max-width:500px;max-height:85vh;padding:24px 20px;animation:.3s mobile-slide-up;overflow-y:auto;box-shadow:0 -8px 40px #00000026}.mobile-modal-handle{background:var(--border-color);border-radius:2px;width:36px;height:4px;margin:0 auto 16px}.mobile-modal h3{color:var(--text-heading);margin-bottom:16px;font-size:1.15rem;font-weight:700}@keyframes mobile-fade-in{0%{opacity:0}to{opacity:1}}@keyframes mobile-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.mobile-bottom-nav{height:calc(58px + env(safe-area-inset-bottom,0px));background:var(--bg-card);border-top:1px solid var(--border-color);z-index:100;padding-bottom:env(safe-area-inset-bottom,0px);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-nav-item{width:100%;height:100%;color:var(--text-muted);cursor:pointer;transition:var(--transition);-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:4px;text-decoration:none;display:flex}.mobile-nav-item span{font-size:.75rem;font-weight:500}.mobile-nav-item.active{color:var(--primary)}.mobile-nav-item.active span{font-weight:600}