:root{--primary: #059669;--primary-rgb: 5, 150, 105;--primary-hover: #047857;--primary-light: #ecfdf5;--primary-50: #ecfdf5;--primary-100: #d1fae5;--primary-300: #6ee7b7;--primary-600: #059669;--primary-700: #047857;--danger: #dc2626;--danger-hover: #b91c1c;--danger-light: #fef2f2;--red-50: #fef2f2;--red-100: #fee2e2;--red-300: #fca5a5;--red-600: #dc2626;--red-700: #b91c1c;--success: #16a34a;--success-light: #f0fdf4;--green-50: #f0fdf4;--green-100: #dcfce7;--green-300: #86efac;--green-600: #16a34a;--green-700: #15803d;--warning: #d97706;--warning-light: #fffbeb;--yellow-50: #fffbeb;--yellow-100: #fef3c7;--yellow-300: #fcd34d;--yellow-600: #d97706;--blue-50: #eff6ff;--blue-100: #dbeafe;--blue-300: #93c5fd;--blue-600: #2563eb;--blue-700: #1d4ed8;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--muted: var(--gray-500);--border: var(--gray-200);--surface-subtle: var(--gray-50);--surface: #fff;--info: #4f46e5;--surface-sunken: #f8fafc;--border-subtle: #f1f5f9;--text-heading: #1e293b;--text-strong: #475569;--sidebar-w: 240px;--header-h: 56px;--sidebar-bg: #0f172a;--sidebar-border: rgba(255,255,255,.07);--sidebar-item-hover: rgba(255,255,255,.06);--sidebar-item-active-bg: rgba(5,150,105,.22);--sidebar-section-color: rgba(148,163,184,.6);--accent: #10b981;--accent-rgb: 16, 185, 129;--accent-dark: #064e3b;--secondary: #4F46E5;--secondary-rgb: 79, 70, 229;--secondary-light: #ede9fe;--sb-bg: #f5f0ed;--sb-surface-2: #fbf7f4;--sb-border: #e8ded7;--sb-text: #705a4d;--sb-text-strong: #4a3728;--sb-text-muted: #736659;--sb-hover-bg: #ede3dc;--sb-active-bg: #ffffff;--sb-active-text: var(--accent-dark);--sb-scrollbar: #d6c6bc;--radius: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0,0,0,.05);--shadow: 0 1px 3px rgba(0,0,0,.1), 0 1px 2px rgba(0,0,0,.06);--shadow-md: 0 4px 12px rgba(0,0,0,.08), 0 2px 4px rgba(0,0,0,.05);--shadow-lg: 0 10px 30px rgba(0,0,0,.12), 0 4px 8px rgba(0,0,0,.06);--transition: .15s ease}.layout{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-w);background:var(--sb-bg);color:var(--sb-text-strong);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:100;overflow-y:auto;transition:transform var(--transition);border-right:1px solid var(--sb-border)}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-thumb{background:var(--sb-scrollbar);border-radius:4px}.logo-header-mobile{height:42px;object-fit:contain}.sidebar-logo{padding:28px 24px 16px;background:transparent;margin-bottom:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;flex-shrink:0}.sidebar-app-name{font-size:13px;font-weight:700;color:var(--sb-text-strong);letter-spacing:.3px;text-align:center;line-height:1.2}.sidebar-app-type{font-size:10px;font-weight:600;letter-spacing:.8px;text-transform:uppercase;padding:2px 8px;border-radius:var(--radius-xl)}.sidebar-app-type--qms{background:#dbeafe;color:#1e40af}.sidebar-app-type--ecommerce{background:#ede9fe;color:#5b21b6}.sidebar-app-type--forwarding{background:#fef3c7;color:#92400e}.sidebar-app-type--platform,.sidebar-app-type--admin{background:#f1f5f9;color:#475569}.sidebar-app-type--default{background:#f1f5f9;color:#64748b}.sidebar-section{padding:16px 16px 6px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--sb-text-muted);margin-top:4px}.sidebar-section-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:none;cursor:pointer;font-family:inherit}.sidebar-section-toggle:hover{color:var(--sb-text)}.sidebar-section-chevron{transition:transform .2s cubic-bezier(.4,0,.2,1);opacity:.6}.sidebar-section-chevron.collapsed{transform:rotate(-90deg)}.sidebar>div+div>.sidebar-section{border-top:1px solid var(--sb-border);margin-top:12px}.sidebar a,.sidebar .nav-mati{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:var(--radius-lg);margin:2px 12px;color:var(--sb-text);font-size:13.5px;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative}.sidebar a:active{transform:scale(.98)}.sidebar a svg{flex-shrink:0;opacity:.75;transition:all var(--transition)}.sidebar a:hover{background:var(--sb-hover-bg);color:var(--sb-text-strong)}.sidebar a:hover svg{opacity:1;color:var(--accent)}.sidebar a.active{background:var(--sb-active-bg);color:var(--sb-active-text);font-weight:700;box-shadow:0 2px 8px #0000000a}.sidebar a.active svg{opacity:1;color:var(--accent);filter:drop-shadow(0 0 4px rgba(var(--accent-rgb),.2))}.nav-icon-box{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius);flex-shrink:0;transition:background var(--transition),color var(--transition);color:var(--sb-text-muted)}.sidebar a:hover .nav-icon-box{background:rgba(var(--accent-rgb),.08);color:var(--accent)}.sidebar a.active .nav-icon-box{background:rgba(var(--accent-rgb),.12);color:var(--accent)}.sidebar .nav-mati{opacity:.5;cursor:not-allowed;-webkit-user-select:none;user-select:none}.sidebar a.active:before{content:"";position:absolute;left:0;top:25%;bottom:25%;width:4px;background:var(--accent);border-radius:0 4px 4px 0;margin-left:-12px}.sidebar-tenant{margin-top:auto;padding:20px 12px;background:#00000008;border-top:1px solid rgba(0,0,0,.05)}.sidebar-switching{font-size:11px;color:var(--sidebar-section-color);margin-top:4px}.page-content-wrap{flex:1;display:flex;flex-direction:column}.sidebar-select{width:100%;padding:8px 32px 8px 12px;font-size:12.5px;background:#fff;color:#4a3728;border:1px solid #d6c6bc;border-radius:var(--radius);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 12 12'%3E%3Cpath fill='%23705a4d' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;transition:all var(--transition);box-shadow:0 1px 2px #0000000d}.sidebar-select:focus{outline:none;border-color:#274e13;box-shadow:0 0 0 3px #274e131a}.sidebar-select option{background:#fff;color:#4a3728}.tenant-switcher{position:relative;margin:8px 12px 4px}.tenant-switcher-trigger{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;border:1px solid var(--sb-border);border-radius:var(--radius-lg);background:var(--sb-surface-2);cursor:pointer;font-family:inherit;text-align:left;transition:all .2s cubic-bezier(.4,0,.2,1)}.tenant-switcher-trigger:hover,.tenant-switcher-trigger.active{background:var(--sb-hover-bg);border-color:var(--sb-border)}.tenant-switcher-avatar{display:flex;align-items:center;justify-content:center;width:26px;height:26px;flex-shrink:0;border-radius:var(--radius);font-size:10px;font-weight:700;letter-spacing:.3px}.tenant-switcher-label{flex:1;min-width:0;font-size:13px;font-weight:600;color:var(--sb-text-strong);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tenant-switcher-chevron{flex-shrink:0;opacity:.6;transition:transform .2s ease}.tenant-switcher-dropdown{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:30;background:#fff;border:1px solid #e8ded7;border-radius:var(--radius-lg);box-shadow:0 10px 30px #4a37281f;overflow:hidden}.tenant-switcher-search{display:flex;align-items:center;gap:6px;padding:8px 10px;border-bottom:1px solid #f0e8e1;color:#a3897a}.tenant-switcher-search input{flex:1;border:none;outline:none;background:none;font-family:inherit;font-size:13px;color:#4a3728}.tenant-switcher-list{max-height:280px;overflow-y:auto;padding:4px}.tenant-switcher-item{display:flex;align-items:center;gap:8px;width:100%;padding:7px 8px;border:none;border-radius:var(--radius);background:none;cursor:pointer;font-family:inherit;text-align:left;transition:background .15s ease}.tenant-switcher-item:hover{background:#f3ebe4}.tenant-switcher-item-label{flex:1;min-width:0;display:flex;flex-direction:column;font-size:13px;font-weight:500;color:#4a3728;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tenant-switcher-item-slug{font-size:11px;font-weight:400;color:#a3897a}.tenant-switcher-check{flex-shrink:0;color:var(--accent)}.tenant-switcher-empty{padding:16px;text-align:center;font-size:12px;color:#a3897a}.sidebar-footer{padding:16px 20px 24px;display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--sb-text-muted);font-weight:600;letter-spacing:.5px;opacity:.6}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:99;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fade-in .2s ease}.main{margin-left:var(--sidebar-w);flex:1;display:flex;flex-direction:column;min-height:100vh;min-width:0}.topbar{height:var(--header-h);background:#fcf9f7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid #e7e2df;display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:90;gap:12px}.topbar-title{font-size:15px;font-weight:700;color:#4a3728;letter-spacing:-.2px}.topbar-user{display:flex;align-items:center;gap:12px}.topbar-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-lg);color:#a3897a;position:relative;transition:all var(--transition)}.topbar-btn:hover{background:#f0ebe4;color:#4a3728}.topbar-btn.active{background:#fff;color:var(--primary);box-shadow:var(--shadow-sm)}.topbar-badge{position:absolute;top:4px;right:4px;background:#ef4444;color:#fff;font-size:9px;font-weight:800;min-width:16px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:99px;padding:0 4px;border:2px solid #fcf9f7}.bell-wrap{position:relative}.bell-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:340px;background:#fff;border-radius:var(--radius-xl);border:1px solid var(--gray-100);box-shadow:var(--shadow-lg);z-index:1000;overflow:hidden}.bell-dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 10px;border-bottom:1px solid var(--gray-100)}.bell-dropdown-header h3{font-size:13px;font-weight:700;color:var(--gray-800)}.bell-dropdown-header a{font-size:12px;font-weight:600;color:var(--primary)}.bell-dropdown-header a:hover{opacity:.8}.bell-notif-item{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;border-bottom:1px solid var(--gray-50);transition:background var(--transition);cursor:default}.bell-notif-item:last-child{border-bottom:none}.bell-notif-item:hover{background:var(--gray-50)}.bell-notif-item.unread{background:#10b98108}.bell-notif-item.bell-notif-clickable{cursor:pointer}.bell-notif-item.bell-notif-clickable:hover{background:#6366f10f}.bell-notif-icon{width:28px;height:28px;border-radius:var(--radius);flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--gray-50);margin-top:1px}.bell-notif-body{flex:1;min-width:0}.bell-notif-title{font-size:13px;font-weight:600;color:var(--gray-800);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bell-notif-title.read{color:var(--gray-500);font-weight:500}.bell-notif-meta{font-size:11px;color:var(--gray-400);margin-top:2px}.bell-notif-dot{width:6px;height:6px;border-radius:50%;background:#10b981;flex-shrink:0;margin-top:6px}.bell-dropdown-empty{padding:32px 16px;text-align:center;color:var(--gray-400);font-size:13px}.bell-dropdown-footer{border-top:1px solid var(--gray-100);padding:10px 16px;display:flex;justify-content:space-between;align-items:center;gap:8px}.bell-dropdown-footer a{font-size:12px;font-weight:600;color:var(--primary)}.bell-push-toggle{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--gray-400);background:none;border:none;cursor:pointer;padding:2px 4px;border-radius:4px;transition:color .15s,background .15s}.bell-push-toggle:hover{color:var(--gray-600);background:var(--gray-50)}.bell-push-toggle:disabled{opacity:.5;cursor:not-allowed}.topbar-user-wrap{position:relative}.topbar-user-trigger{display:flex;align-items:center;gap:10px;padding:4px 8px 4px 4px;border-radius:99px;transition:all var(--transition);color:#4a3728}.topbar-user-trigger:hover,.topbar-user-trigger.active{background:#f0ebe4}.topbar-user-info{display:flex;flex-direction:column;align-items:flex-start;line-height:1.2}.topbar-username{font-size:13px;font-weight:700;color:#4a3728}.topbar-role{font-size:10px;font-weight:600;color:var(--sb-text-muted);text-transform:uppercase;letter-spacing:.5px}.topbar-chevron{color:#a3897a;transition:transform .2s ease}.topbar-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:220px;background:#fff;border-radius:var(--radius-xl);border:1px solid var(--gray-100);box-shadow:var(--shadow-lg);z-index:1000;padding:8px;overflow:hidden}.dropdown-header{padding:12px 16px}.dropdown-user-name{font-weight:700;color:var(--gray-900);font-size:14px}.dropdown-user-email{font-size:12px;color:var(--gray-500);margin-top:2px}.dropdown-divider{height:1px;background:var(--gray-100);margin:8px -8px}.dropdown-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-lg);font-size:13.5px;font-weight:500;color:var(--gray-700);transition:all var(--transition)}.dropdown-item:hover{background:var(--gray-50);color:var(--primary)}.dropdown-item svg{opacity:.7}.dropdown-item:hover svg{opacity:1}.dropdown-item.text-danger:hover{background:#fef2f2;color:#dc2626}.hamburger{display:none;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--radius);color:var(--gray-500);flex-shrink:0;transition:background var(--transition),color var(--transition)}.hamburger:hover{background:var(--gray-100);color:var(--gray-700)}.hamburger-icon{display:flex;flex-direction:column;gap:4px;width:16px}.hamburger-icon span{display:block;height:1.5px;background:currentColor;border-radius:2px;transition:transform var(--transition),opacity var(--transition)}.page,.page-content{padding:28px;flex:1}.page-footer{padding:24px 28px;background:transparent;border-top:1px solid var(--gray-100);margin-top:auto}.page-footer-content{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;font-size:13px;color:var(--gray-500)}.page-footer-right{display:flex;gap:20px}.page-footer-right a{color:var(--gray-500);transition:color var(--transition)}.page-footer-right a:hover{color:var(--primary)}@media(max-width:768px){.page-footer-content{flex-direction:column;gap:12px;text-align:center}.page-footer-right{gap:16px}}.page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px;gap:16px;flex-wrap:wrap}.page-title{font-size:20px;font-weight:700;color:var(--gray-900);letter-spacing:-.4px;line-height:1.2}.page-subtitle{font-size:13px;color:var(--gray-500);margin-top:3px;font-weight:400}.auth-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f5f0ed;position:relative;overflow:hidden}.auth-wrap:before{content:"";position:absolute;width:1000px;height:1000px;background:radial-gradient(circle,rgba(16,185,129,.05) 0%,transparent 70%);top:-300px;right:-300px;pointer-events:none}.auth-wrap:after{content:"";position:absolute;width:800px;height:800px;background:radial-gradient(circle,rgba(99,102,241,.04) 0%,transparent 70%);bottom:-200px;left:-200px;pointer-events:none}.auth-card{width:100%;max-width:420px;background:#fff;border-radius:32px;border:1px solid rgba(226,232,240,.8);box-shadow:0 25px 50px -12px #00000014;padding:48px;position:relative;z-index:1;animation:fade-in-up .6s cubic-bezier(.16,1,.3,1)}.auth-logo{text-align:center;margin-bottom:32px}.auth-logo img{height:48px;display:block;margin:0 auto;object-fit:contain}.auth-title{text-align:center;font-size:24px;font-weight:800;color:var(--gray-900);letter-spacing:-.5px;margin-bottom:8px}.auth-subtitle{text-align:center;font-size:14px;color:var(--gray-500);margin-bottom:40px}.auth-input-group{position:relative;margin-bottom:16px}.auth-input-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--gray-400);pointer-events:none;transition:color var(--transition)}.auth-input{width:100%;padding:12px 14px 12px 42px;border:1px solid var(--gray-200);border-radius:var(--radius-lg);font-size:14px;color:var(--gray-800);background:#fcfaf8;transition:all var(--transition)}.auth-input:focus{outline:none;border-color:var(--primary);background:#fff;box-shadow:0 0 0 4px #0596691a}.auth-input-group:focus-within .auth-input-icon{color:var(--primary)}.btn-auth{background:var(--gray-900);color:#fff;padding:14px;border-radius:var(--radius-lg);font-weight:700;font-size:15px;display:flex;align-items:center;justify-content:center;gap:8px;transition:all var(--transition);margin-top:12px;width:100%}.btn-auth:hover{background:#000;transform:translateY(-1px);box-shadow:0 10px 20px -5px #0003}.btn-auth:active{transform:translateY(0)}.btn-auth:disabled{opacity:.7;cursor:not-allowed;transform:none}@media(max-width:480px){.auth-card{padding:32px 24px;margin:16px;border-radius:var(--radius-xl)}.auth-title{font-size:20px}}.login-stage{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:48px 20px;background:#f5f0ed}.login-stage:before,.login-stage:after{content:"";position:absolute;border-radius:50%;pointer-events:none}.login-stage:before{width:900px;height:900px;background:radial-gradient(circle,#05966924,#05966900 68%);top:-420px;left:-260px}.login-stage:after{width:760px;height:760px;background:radial-gradient(circle,#4f46e51a,#4f46e500 70%);bottom:-380px;right:-220px}.login-grain{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.5;mix-blend-mode:overlay;pointer-events:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)' opacity='0.35'/></svg>")}.login-frame{position:relative;z-index:1;width:100%;max-width:966px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:56px}.login-brand{padding:0 8px}.login-mark-row{display:flex;align-items:center;gap:14px;margin-bottom:30px}.login-mark{width:44px;height:44px;border-radius:var(--radius-lg);background:var(--gray-900);color:var(--primary);display:flex;align-items:center;justify-content:center;font-family:Georgia,Iowan Old Style,serif;font-size:20px;font-weight:600;flex-shrink:0;overflow:hidden}.login-mark img{width:100%;height:100%;object-fit:contain;padding:6px}.login-wordmark{font-family:Georgia,Iowan Old Style,serif;font-size:22px;font-weight:600;letter-spacing:.2px;line-height:1;color:var(--gray-900)}.login-eyebrow{display:block;font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#a39a8c;margin-top:4px}.login-lede{font-family:Georgia,Iowan Old Style,serif;font-weight:500;font-size:22px;line-height:1.5;letter-spacing:-.1px;color:var(--gray-900);max-width:22ch;margin:0 0 32px}.login-trail{display:flex;flex-direction:column;gap:14px}.login-trail-item{display:flex;align-items:flex-start;gap:11px;font-size:13px;color:#6b6255}.login-trail-item svg{flex-shrink:0;margin-top:2px;color:var(--primary)}.login-trail-item b{color:var(--gray-900);font-weight:650}.login-card{background:#fff;border:1px solid rgba(17,24,39,.08);border-radius:28px;box-shadow:0 30px 60px -24px #11182729,0 2px 6px #1118270a;padding:44px 40px 36px}.login-card-head{margin-bottom:26px}.login-card-head h1{font-size:19px;font-weight:700;letter-spacing:-.1px;margin:0 0 5px;color:var(--gray-900)}.login-card-head p{font-size:13.5px;color:var(--gray-500);margin:0}.login-field{display:flex;flex-direction:column;gap:7px;margin-bottom:14px}.login-field label{font-size:12px;font-weight:650;color:var(--gray-600)}.login-field-shell{position:relative;display:flex;align-items:center}.login-field-shell svg.leading{position:absolute;left:14px;color:var(--gray-400);pointer-events:none}.login-field-shell input{width:100%;height:46px;padding:0 14px 0 40px;border-radius:var(--radius-xl);border:1.5px solid var(--gray-200);background:#fbfaf9;color:var(--gray-800);font-size:14px;outline:none;font-family:inherit;transition:border-color .15s,background .15s,box-shadow .15s}.login-field-shell input[type=password]{padding-right:40px}.login-field-shell input:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 4px var(--primary-light)}.login-field-shell .trailing{position:absolute;right:12px;display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:var(--radius);color:var(--gray-400);background:none;border:none;cursor:pointer}.login-field-shell .trailing:hover{color:var(--gray-600);background:var(--gray-100)}.login-row-between{display:flex;align-items:center;justify-content:flex-end;margin:-2px 0 4px}.login-link{font-size:12.5px;font-weight:650;color:var(--gray-400);text-decoration:none}.login-link:hover{color:var(--primary)}.login-submit{width:100%;height:47px;margin-top:8px;border-radius:var(--radius-xl);border:none;background:var(--gray-900);color:#fff;font-size:14.5px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;font-family:inherit;transition:transform .15s,box-shadow .15s,background .15s}.login-submit:hover{background:#000;transform:translateY(-1px);box-shadow:0 12px 24px -8px #11182759}.login-submit:disabled{opacity:.7;cursor:not-allowed;transform:none}.login-foot{margin-top:22px;padding-top:18px;border-top:1px solid var(--gray-100);display:flex;align-items:center;justify-content:center;gap:6px;font-size:13px;color:var(--gray-400)}.login-foot a{color:var(--primary);font-weight:650;text-decoration:none;display:inline-flex;align-items:center;gap:5px}.login-foot a:hover{text-decoration:underline}.login-totp-icon{width:46px;height:46px;border-radius:var(--radius-lg);background:var(--primary-light);color:var(--primary);display:flex;align-items:center;justify-content:center;margin-bottom:18px}.login-otp-input{height:58px;text-align:center;font-size:26px;font-weight:700;letter-spacing:.5em;padding-left:.5em!important}.login-back-link{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;font-weight:650;color:var(--gray-400);background:none;border:none;cursor:pointer;font-family:inherit}.login-back-link:hover{color:var(--gray-600)}@media(max-width:860px){.login-frame{grid-template-columns:1fr;max-width:440px;gap:28px}.login-brand{order:2}.login-lede{font-size:18px;max-width:none;margin-bottom:20px}.login-trail{display:none}.login-card{order:1;padding:36px 26px 30px}}@media(max-width:480px){.login-card{padding:32px 22px 26px;border-radius:var(--radius-xl)}}.reg-auth-wrap{overflow-y:auto;align-items:flex-start;padding:32px 16px}.reg-auth-wrap:before,.reg-auth-wrap:after{display:none}.register-shell{display:flex;width:100%;max-width:960px;min-height:600px;background:#fff;border-radius:var(--radius-xl);overflow:hidden;margin:0 auto;box-shadow:0 0 0 1px #0f172a12,0 20px 60px -12px #0f172a33}.reg-left{width:256px;flex-shrink:0;background:var(--sidebar-bg);padding:36px 28px 28px;display:flex;flex-direction:column;position:relative;overflow:hidden}.reg-left:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(5,150,105,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(5,150,105,.06) 1px,transparent 1px);background-size:28px 28px;pointer-events:none}.reg-left:after{content:"";position:absolute;width:200px;height:200px;background:radial-gradient(circle,rgba(5,150,105,.12) 0%,transparent 70%);bottom:-60px;right:-60px;pointer-events:none}.reg-brand{display:flex;align-items:center;gap:10px;margin-bottom:36px;position:relative}.reg-brand-icon{width:34px;height:34px;background:var(--primary);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px #05966959}.reg-brand-logo{height:28px;max-width:110px;object-fit:contain;flex-shrink:0}.reg-brand-text{min-width:0}.reg-brand-name{font-size:15px;font-weight:800;color:#fff;letter-spacing:-.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reg-brand-sub{font-size:10px;font-weight:500;color:#94a3b873;letter-spacing:.5px;text-transform:uppercase;margin-top:1px}.reg-stepper{display:flex;flex-direction:column;flex:1}.reg-step-item{display:flex;align-items:flex-start;gap:14px;padding-bottom:26px;position:relative}.reg-step-item:last-child{padding-bottom:0}.reg-step-item:after{content:"";position:absolute;left:15px;top:34px;width:2px;height:calc(100% - 34px);background:#ffffff12;border-radius:1px}.reg-step-item:last-child:after{display:none}.reg-step-item.done:after{background:#16a34a47}.reg-step-circle{width:32px;height:32px;border-radius:50%;position:relative;z-index:1;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex-shrink:0;border:1.5px solid rgba(255,255,255,.1);color:#94a3b861;background:#ffffff0a;transition:all .2s}.reg-step-item.done .reg-step-circle{background:#16a34a24;border-color:#16a34a66;color:#4ade80}.reg-step-item.active .reg-step-circle{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 0 0 4px #0596692e,0 4px 12px #05966959}.reg-step-body{padding-top:5px;min-width:0}.reg-step-label{font-size:13px;font-weight:600;color:#94a3b859;line-height:1}.reg-step-desc{font-size:11px;color:#94a3b838;margin-top:3px;line-height:1.4}.reg-step-item.done .reg-step-label{color:#94a3b894}.reg-step-item.done .reg-step-desc{color:#94a3b852}.reg-step-item.active .reg-step-label{color:#fff}.reg-step-item.active .reg-step-desc{color:#94a3b885}.reg-left-footer{margin-top:24px;padding-top:20px;border-top:1px solid rgba(255,255,255,.07);position:relative}.reg-left-footer p{font-size:11.5px;color:#94a3b861;line-height:1.6}.reg-left-footer a{display:inline-block;margin-top:10px;font-size:12px;font-weight:600;color:#6ee7b79e;transition:color var(--transition)}.reg-left-footer a:hover{color:#6ee7b7;text-decoration:underline}.reg-right{flex:1;padding:38px 40px;display:flex;flex-direction:column;overflow-y:auto;min-width:0}.reg-step-header{margin-bottom:22px}.reg-step-header h2{font-size:20px;font-weight:800;color:var(--gray-900);letter-spacing:-.5px;margin-bottom:5px}.reg-step-header p{font-size:13px;color:var(--gray-500);line-height:1.5}.reg-field-group{display:flex;flex-direction:column;gap:13px;flex:1}.reg-field{display:flex;flex-direction:column;gap:5px}.reg-field label{font-size:12px;font-weight:600;color:var(--gray-600);display:flex;align-items:center;gap:4px}.reg-req{color:#f43f5e}.reg-opt{font-weight:400;color:var(--gray-400);font-size:11px;margin-left:2px}.reg-hint{font-size:11px;color:var(--gray-400);line-height:1.4}.reg-hint strong{color:var(--primary);font-weight:600}.reg-row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.reg-gps-box{border:1.5px dashed var(--gray-200);border-radius:var(--radius-xl);background:var(--gray-50);overflow:hidden;transition:all .15s}.reg-gps-box.gps-detected{border-style:solid;border-color:var(--green-300);background:var(--green-50)}.reg-gps-box.gps-error{border-style:solid;border-color:var(--red-300);background:var(--red-50)}.reg-gps-idle{display:flex;align-items:center;gap:10px;padding:10px 12px}.btn-gps-detect{display:inline-flex;align-items:center;gap:6px;padding:7px 13px;border:1.5px solid var(--primary-100);border-radius:var(--radius);background:var(--primary-light);color:var(--primary);font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap;font-family:inherit;flex-shrink:0;transition:background .15s}.btn-gps-detect:hover{background:var(--primary-100)}.reg-gps-idle-hint{font-size:11.5px;color:var(--gray-400);line-height:1.4}.reg-gps-loading{display:flex;align-items:center;gap:8px;padding:12px 14px;font-size:12.5px;color:var(--gray-500)}.reg-gps-result{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:12px 14px}.reg-gps-pin{width:28px;height:28px;background:var(--green-100);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;flex-shrink:0}.reg-gps-info{flex:1;min-width:0}.reg-gps-coords{font-size:12px;font-weight:700;color:#14532d}.reg-gps-label{font-size:11px;color:var(--success);margin-top:2px}.reg-gps-link{font-size:11px;color:var(--primary);font-weight:500;display:inline-block;margin-top:4px}.reg-gps-link:hover{text-decoration:underline}.reg-gps-clear{background:none;border:none;color:var(--gray-300);cursor:pointer;line-height:1;font-family:inherit;padding:2px;transition:color .15s;flex-shrink:0}.reg-gps-clear:hover{color:var(--danger)}.reg-gps-error-row{display:flex;align-items:center;gap:8px;padding:11px 14px;font-size:12px;color:var(--danger)}.reg-gps-retry{margin-left:auto;color:var(--primary);font-weight:600;cursor:pointer;white-space:nowrap;background:none;border:none;font-family:inherit;font-size:12px}.reg-app-grid{display:flex;flex-direction:column;gap:9px}.reg-app-card{display:flex;align-items:center;gap:14px;padding:13px 15px;border:1.5px solid var(--gray-100);border-radius:var(--radius-xl);background:#fff;cursor:pointer;transition:all .15s;text-align:left;width:100%;font-family:inherit}.reg-app-card:hover{border-color:var(--primary-300);background:var(--primary-light)}.reg-app-card.selected{border-color:var(--primary);background:var(--primary-light);box-shadow:0 0 0 3px #0596691a}.reg-app-icon{width:38px;height:38px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s}.reg-app-name{font-size:13.5px;font-weight:700;color:var(--gray-800);display:flex;align-items:center;gap:7px;line-height:1;margin-bottom:3px}.reg-app-card.selected .reg-app-name{color:var(--primary-hover)}.reg-app-desc{font-size:11.5px;color:var(--gray-400);line-height:1.4}.reg-app-radio{width:18px;height:18px;border-radius:50%;border:2px solid var(--gray-300);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-left:auto;transition:all .15s}.reg-app-card.selected .reg-app-radio{background:var(--primary);border-color:var(--primary)}.reg-app-radio-dot{width:7px;height:7px;border-radius:50%;background:#fff;display:none}.reg-app-card.selected .reg-app-radio-dot{display:block}.reg-plan-grid{display:flex;flex-direction:column;gap:9px}.reg-plan-card{display:flex;align-items:center;gap:14px;padding:14px 16px;border:1.5px solid var(--gray-100);border-radius:var(--radius-xl);background:#fff;cursor:pointer;transition:all .15s;text-align:left;width:100%;font-family:inherit}.reg-plan-card:hover{border-color:var(--primary-300)}.reg-plan-card.selected{border-color:var(--primary);background:var(--primary-light);box-shadow:0 0 0 3px #0596691a}.reg-plan-meta{flex:1;min-width:0}.reg-plan-name{font-size:14px;font-weight:700;color:var(--gray-800);display:flex;align-items:center;gap:8px;margin-bottom:3px}.reg-plan-card.selected .reg-plan-name{color:var(--primary-hover)}.reg-plan-desc{font-size:12px;color:var(--gray-400);line-height:1.4}.reg-plan-price{text-align:right;flex-shrink:0}.reg-plan-amount{font-size:17px;font-weight:800;color:var(--primary);letter-spacing:-.5px}.reg-plan-card.selected .reg-plan-amount{color:var(--primary-hover)}.reg-plan-period{font-size:11px;color:var(--gray-400)}.reg-plan-note{font-size:11.5px;color:var(--gray-400);text-align:center;margin-top:6px;line-height:1.5}.reg-trial-card{display:flex;align-items:center;gap:14px;padding:16px;border:2px solid var(--primary);border-radius:var(--radius-xl);background:var(--primary-light);box-shadow:0 0 0 3px #0596691a}.reg-trial-icon{width:38px;height:38px;border-radius:var(--radius-lg);background:#fff;box-shadow:var(--shadow-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}.reg-pw-strength{display:flex;gap:4px;margin-top:6px}.reg-pw-seg{height:3px;flex:1;border-radius:2px;background:var(--gray-200);transition:background .3s}.reg-pw-seg.weak{background:var(--danger)}.reg-pw-seg.medium{background:var(--warning)}.reg-pw-seg.strong{background:var(--success)}.reg-nav{display:flex;gap:10px;margin-top:20px;padding-top:16px;border-top:1px solid var(--gray-100);flex-shrink:0}.btn-reg-back{display:flex;align-items:center;justify-content:center;gap:6px;padding:0 14px;height:44px;border:1.5px solid var(--gray-200);border-radius:var(--radius-xl);background:var(--gray-50);color:var(--gray-600);font-size:13.5px;font-weight:600;cursor:pointer;font-family:inherit;transition:all .15s;flex-shrink:0}.btn-reg-back:hover{background:var(--gray-100);border-color:var(--gray-300)}.btn-reg-next{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;height:44px;border:none;border-radius:var(--radius-xl);background:var(--primary);color:#fff;font-size:14px;font-weight:700;cursor:pointer;font-family:inherit;box-shadow:0 4px 14px #05966940;transition:all .15s}.btn-reg-next:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 6px 18px #05966952}.btn-reg-next:active{transform:none}.btn-reg-next:disabled{opacity:.65;pointer-events:none}.reg-success{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:18px;padding:16px}.reg-success-icon{width:76px;height:76px;background:var(--success-light);border:2px solid var(--green-100);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #16a34a24}.reg-success h2{font-size:22px;font-weight:800;color:var(--gray-900);letter-spacing:-.5px}.reg-success>p{font-size:13.5px;color:var(--gray-500);line-height:1.65;max-width:300px}.reg-success-actions{display:flex;flex-direction:column;gap:10px;width:100%;max-width:300px}.btn-reg-dashboard{display:flex;align-items:center;justify-content:center;gap:8px;padding:13px 20px;border:none;border-radius:var(--radius-xl);background:var(--primary);color:#fff;font-size:14px;font-weight:700;cursor:pointer;font-family:inherit;box-shadow:0 4px 14px #05966947;text-decoration:none;transition:all .15s}.btn-reg-dashboard:hover{background:var(--primary-hover)}.btn-reg-apk{display:flex;align-items:center;justify-content:center;gap:8px;padding:11px 20px;border:1.5px solid var(--gray-200);border-radius:var(--radius-xl);background:#fff;color:var(--gray-700);font-size:13.5px;font-weight:600;cursor:pointer;font-family:inherit;text-decoration:none;transition:all .15s}.btn-reg-apk:hover{border-color:var(--primary-300);color:var(--primary);background:var(--primary-light)}.reg-success-footer{font-size:12px;color:var(--gray-400);display:flex;flex-direction:column;gap:6px;align-items:center}.reg-success-footer a{color:var(--primary);font-weight:600}@media(max-width:680px){.reg-auth-wrap{padding:0;align-items:stretch}.register-shell{flex-direction:column;border-radius:0;min-height:100dvh;box-shadow:none}.reg-left{width:100%;padding:11px 16px 9px;flex-direction:row;align-items:center;gap:12px;min-height:auto}.reg-left:before,.reg-left:after{display:none}.reg-brand{margin-bottom:0;flex-shrink:0;gap:7px}.reg-brand-sub{display:none}.reg-brand-icon{width:26px;height:26px;border-radius:var(--radius)}.reg-brand-logo{height:22px}.reg-brand-name{font-size:13px}.reg-stepper{flex-direction:row;flex:1;gap:0;overflow:hidden;justify-content:flex-end;align-items:center}.reg-step-item{flex-direction:column;align-items:center;padding-bottom:0;gap:2px;flex:0 0 auto}.reg-step-item:not(.active):not(.done){display:none}.reg-step-item.done{flex:0 0 24px}.reg-step-item:after{display:none}.reg-step-circle{width:24px;height:24px;font-size:10px}.reg-step-body{display:none}.reg-step-item.active .reg-step-body{display:block;padding-top:0}.reg-step-item.active .reg-step-label{font-size:10px;white-space:nowrap;color:#ffffffb3}.reg-step-item.active .reg-step-desc,.reg-left-footer{display:none}.reg-right{padding:20px 18px}.reg-row2{grid-template-columns:1fr}}.authx-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px 16px 40px;position:relative;overflow:hidden;background:#f6f5f2}.authx-page:before{content:"";position:absolute;width:620px;height:620px;top:-220px;left:-180px;border-radius:50%;background:radial-gradient(circle,rgba(5,150,105,.14) 0%,transparent 70%);filter:blur(50px);pointer-events:none}.authx-page:after{content:"";position:absolute;width:560px;height:560px;bottom:-200px;right:-160px;border-radius:50%;background:radial-gradient(circle,rgba(99,102,241,.1) 0%,transparent 70%);filter:blur(50px);pointer-events:none}.authx-shell{position:relative;z-index:1;display:flex;width:100%;max-width:920px;min-height:540px;background:#fff;border:1px solid rgba(226,232,240,.9);border-radius:28px;overflow:hidden;box-shadow:0 30px 70px -20px #0f172a2e,0 4px 16px #0f172a0d}.authx-left{flex:1.05;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;padding:40px;background:linear-gradient(165deg,var(--primary-light) 0%,#f0fdf9 45%,#eef2ff 100%);border-right:1px solid rgba(226,232,240,.8);overflow:hidden}.authx-left:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(5,150,105,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(5,150,105,.06) 1px,transparent 1px);background-size:30px 30px;pointer-events:none;-webkit-mask-image:radial-gradient(circle at 50% 40%,rgba(0,0,0,.9) 0%,transparent 72%);mask-image:radial-gradient(circle at 50% 40%,rgba(0,0,0,.9) 0%,transparent 72%)}.authx-left:after{content:"";position:absolute;width:380px;height:380px;background:radial-gradient(circle,rgba(16,185,129,.16) 0%,transparent 70%);top:48%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.authx-illustration{position:relative;z-index:1;filter:drop-shadow(0 8px 24px rgba(5,150,105,.22))}.authx-illustration img{width:148px;height:148px;display:block}.authx-left-copy{position:relative;z-index:1;text-align:center;max-width:260px}.authx-left-copy h3{font-size:17px;font-weight:800;color:var(--gray-900);letter-spacing:-.2px;margin-bottom:8px}.authx-left-copy p{font-size:12.5px;color:var(--gray-500);line-height:1.6}.authx-left-badge{position:relative;z-index:1;display:inline-flex;align-items:center;gap:7px;padding:6px 14px;border:1px solid rgba(5,150,105,.25);background:#ffffffb3;border-radius:var(--radius-full);font-size:11px;font-weight:700;letter-spacing:.4px;color:var(--primary-hover);text-transform:uppercase;box-shadow:0 2px 8px #05966914}.authx-left-badge .dot{width:6px;height:6px;border-radius:50%;background:var(--primary-300);box-shadow:0 0 8px #10b98199}.authx-right{flex:1;padding:48px 46px;display:flex;flex-direction:column;justify-content:center;min-width:0}.authx-card{width:100%;max-width:320px;margin:0 auto}.authx-brand-row{display:flex;align-items:center;gap:10px;margin-bottom:30px}.authx-brand-icon{width:38px;height:38px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.authx-brand-icon img{width:100%;height:100%;object-fit:contain}.authx-brand-name{font-size:15px;font-weight:800;color:var(--gray-900);letter-spacing:-.2px;line-height:1.2}.authx-brand-sub{font-size:10.5px;font-weight:700;color:var(--gray-400);letter-spacing:.6px;text-transform:uppercase;margin-top:2px}.authx-icon-badge{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:18px}.authx-icon-badge.amber{background:var(--warning-light);border:1px solid var(--yellow-100);color:var(--warning)}.authx-icon-badge.success{background:var(--success-light);border:2px solid var(--green-100);color:var(--success);box-shadow:0 8px 20px #16a34a24}.authx-icon-badge.emerald{background:var(--primary-light);border:1px solid var(--primary-100);color:var(--primary)}.authx-icon-badge.rose{background:var(--red-50);border:1px solid var(--red-100);color:var(--red-600)}.authx-title{font-size:22px;font-weight:800;color:var(--gray-900);letter-spacing:-.4px;margin-bottom:6px}.authx-subtitle{font-size:13px;color:var(--gray-500);margin-bottom:26px;line-height:1.5}.authx-alert-error{display:flex;align-items:center;gap:8px;padding:11px 14px;margin-bottom:18px;border-radius:var(--radius-lg);background:var(--danger-light);border:1px solid var(--red-300);color:var(--red-700);font-size:12.5px;font-weight:500}.authx-alert-success{padding:16px 18px;margin-bottom:24px;border-radius:var(--radius-xl);background:var(--success-light);border:1px solid var(--green-300);color:#14532d;font-size:13px;line-height:1.6;text-align:center}.authx-alert-success strong{display:block;font-size:14px;margin-bottom:4px}.authx-alert-success code{background:#16a34a1a;padding:1px 6px;border-radius:5px;font-family:SFMono-Regular,Consolas,monospace;font-size:12px}.authx-alert-success.compact{padding:10px 14px;margin-bottom:0;font-size:12.5px}.authx-divider{margin-top:28px;padding-top:24px;border-top:1px solid var(--gray-100)}.authx-divider h2{font-size:12px;font-weight:700;color:var(--gray-900);text-align:center;text-transform:uppercase;letter-spacing:.6px;margin-bottom:4px}.authx-divider>p{font-size:12.5px;color:var(--gray-500);text-align:center;margin-bottom:18px}.authx-alert-invalid{padding:16px 18px;margin-bottom:24px;border-radius:var(--radius-xl);background:var(--red-50);border:1px solid var(--red-100);color:#991b1b;font-size:13px;line-height:1.6;text-align:center}.authx-alert-invalid strong{display:block;font-size:14px;margin-bottom:4px;color:#991b1b}.authx-field-group{display:flex;flex-direction:column;gap:14px}.authx-input-group{position:relative;display:flex;align-items:center}.authx-input-icon{position:absolute;left:16px;color:var(--gray-400);pointer-events:none;display:flex}.authx-input-group:focus-within .authx-input-icon{color:var(--primary-hover)}.authx-input{width:100%;padding:13px 16px 13px 44px;background:var(--gray-50);border:1.5px solid var(--gray-200);border-radius:var(--radius-full);color:var(--gray-900);font-size:13.5px;outline:none;font-family:inherit;transition:all .2s ease}.authx-input::placeholder{color:var(--gray-400)}.authx-input:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 4px #0596691f}.authx-input:disabled{opacity:.6;cursor:not-allowed}.authx-btn-submit{width:100%;margin-top:6px;padding:14px;border:none;border-radius:var(--radius-full);background:linear-gradient(90deg,var(--primary),var(--primary-300));color:#fff;font-size:14.5px;font-weight:800;letter-spacing:.2px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 10px 26px -6px #10b98166;transition:all .2s ease;font-family:inherit;text-decoration:none}.authx-btn-submit:hover:not(:disabled){box-shadow:0 14px 32px -6px #10b98180;transform:translateY(-1px)}.authx-btn-submit:active:not(:disabled){transform:translateY(0)}.authx-btn-submit:disabled{opacity:.7;cursor:not-allowed;transform:none}.authx-footer{margin-top:26px;display:flex;flex-direction:column;align-items:center;gap:12px}.authx-link{font-size:12.5px;font-weight:600;color:var(--gray-500);text-decoration:none;background:none;border:none;cursor:pointer;font-family:inherit;transition:color .15s;display:inline-flex;align-items:center;gap:5px}.authx-link:hover{color:var(--primary-hover)}@media(max-width:820px){.authx-left{display:none}.authx-shell{max-width:420px}.authx-right{padding:40px 28px}}@media(max-width:480px){.authx-page{padding:16px 12px 40px}.authx-shell{border-radius:var(--radius-xl);min-height:auto}.authx-right{padding:32px 22px}.authx-title{font-size:20px}}@media(max-width:768px){.sidebar{transform:translate(-100%);box-shadow:none}.sidebar.open{transform:translate(0);box-shadow:8px 0 32px #0006}.sidebar-overlay{display:block}.main{margin-left:0}.hamburger{display:flex}.page,.page-content{padding:16px}.topbar{padding:0 16px}.page-header{flex-direction:column;align-items:flex-start}.page-header>*:last-child{align-self:stretch}.auth-card{padding:32px 24px;margin:16px}}.sidebar .nav-lencana{margin-left:auto;font-size:9.5px;font-weight:800;background:var(--accent);color:#fff;padding:1px 6px;border-radius:20px;line-height:1.6;flex-shrink:0}.layout--fokus .sidebar,.layout--fokus .topbar,.layout--fokus .page-footer{display:none}.layout--fokus .main{margin-left:0;width:100%}.layout--fokus .page{padding-top:0}.pos-fokus-keluar{position:fixed;top:10px;right:10px;z-index:300;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:#0f172a8c;color:#fff;border:1px solid rgba(255,255,255,.18);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:.45;transition:opacity var(--transition),background var(--transition)}.pos-fokus-keluar:hover,.pos-fokus-keluar:focus-visible{opacity:1;background:#0f172acc}:root{--color-primary: var(--primary);--text-muted: var(--gray-500);--text-color: var(--gray-800);--border-color: var(--gray-200)}.avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--primary-300) 0%,var(--primary-hover) 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:12px;flex-shrink:0;-webkit-user-select:none;user-select:none;box-shadow:0 1px 3px #0596694d}.avatar-botanical{border-radius:var(--radius-lg);box-shadow:none;border:1px solid rgba(255,255,255,.1)}.card{background:#fff;border-radius:var(--radius-xl);border:1px solid rgba(226,232,240,.7);box-shadow:0 1px 3px #0f172a0d,0 0 0 0 transparent;transition:box-shadow var(--transition)}.card-header{padding:16px 20px;border-bottom:1px solid var(--gray-100);display:flex;align-items:center;justify-content:space-between;gap:12px}.card-title{font-size:14.5px;font-weight:600;color:var(--gray-800);letter-spacing:-.1px}.card-body{padding:20px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.stat-card{background:#fff;border:1px solid rgba(226,232,240,.6);border-radius:var(--radius-xl);padding:22px 20px;display:flex;flex-direction:column;gap:10px;box-shadow:0 1px 3px #0f172a0d;transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition);cursor:default}.stat-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0f172a17,0 2px 6px #0f172a0d;border-color:#10b98140}.modern-stat-card{padding:24px;border-radius:var(--radius-xl);border:1px solid var(--gray-200);background:#fff;transition:border-color .18s ease;position:relative;overflow:hidden;display:flex;flex-direction:column}.modern-stat-card:hover{border-color:var(--primary-300)}.modern-stat-icon-wrapper{width:44px;height:44px;border-radius:var(--radius-lg);background:var(--gray-50);display:flex;align-items:center;justify-content:center;border:1px solid var(--gray-100);margin-bottom:16px}.modern-stat-trend{font-size:11px;font-weight:700;padding:4px 8px;border-radius:var(--radius)}.modern-stat-trend.up{background:#10b9811a;color:#059669}.modern-stat-trend.neutral{background:var(--gray-50);color:var(--gray-500)}.quick-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:32px}.quick-action-btn{background:#fff;border:1px solid var(--gray-200);padding:16px;border-radius:var(--radius-lg);display:flex;align-items:center;gap:12px;font-weight:600;font-size:14px;color:var(--gray-700);transition:all .2s ease;cursor:pointer}.quick-action-btn:hover{background:#f8fafc;border-color:#10b981;color:#064e3b;transform:translateY(-2px)}.quick-action-icon{width:32px;height:32px;border-radius:var(--radius);background:#ecfdf5;color:#10b981;display:flex;align-items:center;justify-content:center}.health-monitor-card{padding:24px;border-radius:var(--radius-xl);border:1px solid var(--gray-200);background:#fff}.health-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--gray-50)}.health-item:last-child{border-bottom:none}.health-status-dot{width:8px;height:8px;border-radius:50%}.health-status-dot.good{background:#10b981;box-shadow:0 0 0 4px #10b9811a}.health-status-dot.warning{background:#f59e0b;box-shadow:0 0 0 4px #f59e0b1a}.pro-tips-card{padding:24px;border-radius:var(--radius-xl);background:linear-gradient(135deg,#064e3b,#10b981);color:#fff;border:none;position:relative;overflow:hidden}.pro-tips-card:before{content:"";position:absolute;top:-20%;right:-10%;width:120px;height:120px;background:radial-gradient(circle,rgba(255,255,255,.15) 0%,transparent 70%);border-radius:50%}.pro-tips-btn{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;width:100%;justify-content:center;margin-top:16px}.pro-tips-btn:hover{background:#ffffff4d}.stat-icon{font-size:22px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--primary-light);border-radius:var(--radius-lg)}.stat-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--gray-500)}.stat-value{font-size:28px;font-weight:700;color:var(--gray-900);letter-spacing:-.6px;line-height:1}.table-wrap,.table-wrapper{overflow-x:auto;transition:box-shadow .15s}.table-wrap[data-scroll-left=true],.table-wrapper[data-scroll-left=true]{box-shadow:inset 12px 0 8px -8px #0f172a4d}.table-wrap[data-scroll-right=true],.table-wrapper[data-scroll-right=true]{box-shadow:inset -12px 0 8px -8px #0f172a4d}.table-wrap[data-scroll-left=true][data-scroll-right=true],.table-wrapper[data-scroll-left=true][data-scroll-right=true]{box-shadow:inset 12px 0 8px -8px #0f172a4d,inset -12px 0 8px -8px #0f172a4d}table,.table{width:100%;border-collapse:collapse}thead th{text-align:left;padding:10px 16px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--gray-500);background:var(--gray-50);border-bottom:1px solid var(--gray-200);white-space:nowrap}.table-rapat thead th{white-space:normal;padding-left:10px;padding-right:10px}.table-rapat tbody td{padding-left:10px;padding-right:10px}tbody tr{border-bottom:1px solid var(--gray-100);transition:background var(--transition)}tbody tr:last-child{border-bottom:none}tbody tr:hover{background:#f5f7ff}tbody td,tfoot td,tfoot th{padding:13px 16px;vertical-align:middle;font-size:13.5px;color:var(--gray-700)}tfoot tr:first-child td,tfoot tr:first-child th{border-top:1px solid var(--gray-200)}thead th,thead th.text-11,tbody td .text-11,tbody td code{font-size:12px}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--radius-lg);font-size:13px;font-weight:500;transition:all var(--transition);white-space:nowrap;line-height:1.4;letter-spacing:-.05px}.btn:active:not(:disabled){transform:scale(.96)}.btn:disabled{opacity:.45;pointer-events:none}.btn-primary{background:linear-gradient(135deg,var(--accent) 0%,var(--primary) 100%);color:#fff;box-shadow:0 1px 3px rgba(var(--primary-rgb),.25),0 0 0 1px rgba(var(--primary-rgb),.2)}.btn-primary:hover{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-700) 100%);box-shadow:0 3px 10px rgba(var(--primary-rgb),.35),0 1px 3px rgba(var(--primary-rgb),.2)}.btn-danger{background:linear-gradient(135deg,#f87171,#dc2626);color:#fff;box-shadow:0 1px 3px #dc262633}.btn-danger:hover{background:linear-gradient(135deg,#fca5a5,#ef4444);box-shadow:0 3px 10px #dc26264d}.btn-ghost{background:transparent;color:var(--gray-600);border:1px solid var(--gray-300)}.btn-ghost:hover{background:var(--gray-50);border-color:var(--gray-400);color:var(--gray-800)}.btn-secondary{background:var(--gray-100);color:var(--gray-700);border:1px solid var(--gray-200)}.btn-secondary:hover{background:var(--gray-200);border-color:var(--gray-300);color:var(--gray-900)}.btn-warning{background:linear-gradient(135deg,#fbbf24,#d97706);color:#fff;box-shadow:0 1px 3px #d9770633}.btn-warning:hover{background:linear-gradient(135deg,#fcd34d,#f59e0b);box-shadow:0 3px 10px #d977064d}.btn-sm{padding:6px 12px;font-size:12px;border-radius:var(--radius)}.btn-icon{display:inline-flex;align-items:center;justify-content:center;padding:8px;min-width:36px;height:36px;border-radius:var(--radius-lg)}.btn-outline{background:transparent;color:var(--primary, #6366f1);border:1px solid var(--primary, #6366f1)}.btn-outline:hover{background:#6366f10f}.btn-success{background:linear-gradient(135deg,#34d399,#059669);color:#fff;box-shadow:0 1px 3px #05966933}.btn-success:hover{background:linear-gradient(135deg,#6ee7b7,#34d399)}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{font-size:13px;font-weight:600;color:var(--gray-700);letter-spacing:-.01em}.form-hint{font-size:12px;color:var(--gray-400)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.input-icon-wrap{position:relative}.input-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--gray-400);pointer-events:none;display:flex;align-items:center;justify-content:center;transition:color var(--transition)}.input-icon-top{top:14px;transform:none}.input-icon-wrap:focus-within .input-icon{color:var(--primary)}.input-icon-wrap .input{padding-left:42px}.input{padding:10px 14px;border:1px solid var(--gray-300);border-radius:var(--radius-lg);font-size:13.5px;line-height:1.2;color:var(--gray-800);background:#fff;transition:border-color var(--transition),box-shadow var(--transition);width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none}.input.h-28{padding-top:3px;padding-bottom:3px}.input.h-32{padding-top:5px;padding-bottom:5px}.input.h-36{padding-top:7px;padding-bottom:7px}.input::placeholder{color:var(--gray-400)}.input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #0596691f}.input:disabled{background:var(--gray-50);color:var(--gray-500);cursor:not-allowed}select.input{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:32px}textarea.input{resize:vertical;min-height:80px}.form-input{padding:8px 12px;border:1px solid var(--gray-300);border-radius:var(--radius);font-size:13.5px;color:var(--gray-800);background:#fff;transition:border-color var(--transition),box-shadow var(--transition);width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-input::placeholder{color:var(--gray-400)}.form-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #0596691f}.form-input:disabled{background:var(--gray-50);color:var(--gray-500);cursor:not-allowed}select.form-input{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:32px}textarea.form-input{resize:vertical;min-height:80px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:99px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.4px;border:1px solid transparent;white-space:nowrap}.badge-active{background:#dcfce7;color:#15803d;border-color:#86efac}.badge-inactive{background:#f1f5f9;color:#64748b;border-color:#cbd5e1}.badge-banned{background:#fee2e2;color:#b91c1c;border-color:#fca5a5}.badge-superadmin{background:#ede9fe;color:#6d28d9;border-color:#c4b5fd}.badge-admin{background:#e0e7ff;color:#3730a3;border-color:#a5b4fc}.badge-merchant{background:#d1fae5;color:#065f46;border-color:#6ee7b7}.badge-cashier{background:#fef3c7;color:#92400e;border-color:#fde68a}.badge-warehouse-staff{background:#dbeafe;color:#1e40af;border-color:#93c5fd}.badge-courier{background:#ffedd5;color:#9a3412;border-color:#fdba74}.badge-success{background:#dcfce7;color:#15803d;border-color:#86efac}.badge-error{background:#fee2e2;color:#b91c1c;border-color:#fca5a5}.badge-warning{background:#fef3c7;color:#b45309;border-color:#fde68a}.badge-info{background:#dbeafe;color:#1d4ed8;border-color:#93c5fd}.badge-neutral{background:#f1f5f9;color:#64748b;border-color:#e2e8f0}.badge-primary{background:var(--primary-50);color:var(--primary);border-color:var(--primary-100)}.badge-indigo{background:#e0e7ff;color:#3730a3;border-color:#a5b4fc}.badge-gray{background:#f1f5f9;color:#475569;border-color:#cbd5e1}.badge-yellow{background:#fef9c3;color:#a16207;border-color:#fde047}.badge-blue{background:#dbeafe;color:#1d4ed8;border-color:#93c5fd}.badge-purple{background:#f3e8ff;color:#7e22ce;border-color:#d8b4fe}.badge-orange{background:#ffedd5;color:#9a3412;border-color:#fdba74}.badge-teal{background:#ccfbf1;color:#0f766e;border-color:#5eead4}.badge-green{background:#dcfce7;color:#15803d;border-color:#86efac}.badge-red,.badge-danger{background:#fee2e2;color:#b91c1c;border-color:#fca5a5}.badge-default,.badge-muted{background:#f1f5f9;color:#64748b;border-color:#e2e8f0}.badge-ghost{background:transparent;color:var(--gray-500);border-color:var(--gray-200)}.badge-select{cursor:pointer;padding:3px 9px;border-radius:var(--radius);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;border:1px solid transparent;transition:opacity var(--transition),box-shadow var(--transition)}.badge-select:hover{opacity:.85}.badge-select:focus{box-shadow:0 0 0 2px #05966933}.badge-select.badge-active{background:#dcfce7;color:#15803d;border-color:#86efac}.badge-select.badge-inactive{background:#f1f5f9;color:#64748b;border-color:#cbd5e1}.badge-select.badge-banned{background:#fee2e2;color:#b91c1c;border-color:#fca5a5}.alert{padding:12px 16px;border-radius:var(--radius-lg);font-size:13.5px;margin-bottom:16px;display:flex;align-items:flex-start;gap:10px;line-height:1.5}.alert-error{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}.alert-success{background:#f0fdf4;color:#15803d;border:1px solid #bbf7d0}.alert-info{background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe}.toast-container{position:fixed;top:16px;right:16px;z-index:9999;display:flex;flex-direction:column;gap:8px;pointer-events:none;max-width:360px;width:calc(100vw - 32px)}.toast{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:var(--radius-lg);font-size:13.5px;font-weight:500;box-shadow:0 8px 24px #0f172a1f,0 2px 8px #0f172a0f;cursor:pointer;pointer-events:all;animation:toast-in .25s cubic-bezier(.34,1.56,.64,1) both}.toast-success{background:#fff;border:1px solid #bbf7d0;color:var(--gray-800)}.toast-success .toast-icon{color:#16a34a}.toast-error{background:#fff;border:1px solid #fecaca;color:var(--gray-800)}.toast-error .toast-icon{color:#dc2626}.toast-info{background:#fff;border:1px solid #bfdbfe;color:var(--gray-800)}.toast-info .toast-icon{color:var(--primary)}.toast-icon{font-size:15px;flex-shrink:0;font-weight:700}.toast-message{flex:1;line-height:1.4}.toast-close{flex-shrink:0;color:var(--gray-400);font-size:12px;padding:2px 4px;border-radius:4px;transition:color var(--transition)}.toast-close:hover{color:var(--gray-700)}.pagination{display:flex;align-items:center;gap:3px;padding:14px 20px;border-top:1px solid var(--gray-100);justify-content:flex-end}.page-btn{padding:5px 10px;border-radius:var(--radius);font-size:13px;color:var(--gray-600);border:1px solid var(--gray-200);background:#fff;cursor:pointer;min-width:32px;text-align:center;transition:background var(--transition),border-color var(--transition),color var(--transition)}.page-btn:hover:not(:disabled){background:var(--gray-50);border-color:var(--gray-300);color:var(--gray-800)}.page-btn.active{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 1px 4px #6366f14d}.page-btn:disabled{opacity:.35;cursor:default}.page-info{font-size:12px;color:var(--gray-500);margin-right:auto}.filters{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:14px 20px;border-bottom:2px solid var(--gray-200);box-shadow:0 2px 4px -2px #0f172a0f;background:#fafbfd;border-radius:12px 12px 0 0;position:relative;z-index:1}.filters .input{max-width:220px;background:#fff}.filters .input-icon-wrap .input{max-width:none}.filters select.input{background-color:#fff;border-color:var(--gray-200);color:var(--gray-700);font-weight:500}.modal-close{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius);color:var(--gray-400);font-size:14px;transition:background var(--transition),color var(--transition);flex-shrink:0}.modal-close:hover{background:var(--gray-100);color:var(--gray-700)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:200;animation:fade-in .15s ease;padding:16px}.modal{background:#fff;border-radius:var(--radius-xl);box-shadow:0 24px 64px #0f172a33,0 8px 24px #0f172a1a;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;border:1px solid rgba(226,232,240,.7)}.modal-header{padding:20px 24px 0;display:flex;align-items:center;justify-content:space-between;gap:12px}.modal-title{font-size:16px;font-weight:600;color:var(--gray-900);letter-spacing:-.2px}.modal-body{padding:20px 24px}.modal-footer{padding:0 24px 20px;display:flex;gap:8px;justify-content:flex-end}.drawer-panel{position:fixed;top:0;right:0;bottom:0;width:min(560px,100vw);display:flex;flex-direction:column;overflow:hidden;background:#fff;box-shadow:-24px 0 64px #0f172a33,-8px 0 24px #0f172a1a;animation:slide-in-right .18s cubic-bezier(.32,.72,0,1)}@keyframes slide-in-right{0%{transform:translate(100%)}to{transform:translate(0)}}@media(prefers-reduced-motion:reduce){.drawer-panel{animation:none}}.tabs{display:flex;border-bottom:1px solid var(--gray-100);background:transparent}.tab-btn{padding:14px 20px;font-weight:500;font-size:13.5px;color:var(--gray-500);border-bottom:2px solid transparent;transition:all var(--transition);position:relative}.tab-btn:hover{color:var(--gray-700)}.tab-btn.active{color:var(--primary);border-bottom-color:var(--primary)}.danger-zone{border:1px solid #fee2e2;background:#fff}.danger-zone .card-header{background:#fef2f2;border-bottom-color:#fee2e2;cursor:pointer}.danger-zone .card-title{color:#dc2626;display:flex;align-items:center;gap:8px}.code-badge{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px;background:var(--gray-100);padding:2px 6px;border-radius:4px;color:var(--gray-700)}.skeleton{background:linear-gradient(90deg,#f1f5f9 25%,#e8edf5,#f1f5f9 75%);background-size:400px 100%;animation:shimmer 1.4s infinite linear;display:block;flex-shrink:0;border-radius:var(--radius)}.spinner{display:inline-block;border:2px solid var(--gray-200);border-top-color:var(--primary);border-radius:50%;animation:spin .65s linear infinite;flex-shrink:0}.app-loading{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--gray-50)}.app-loading-inner{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.app-loading-inner .spinner{width:32px;height:32px}.app-loading-inner span{font-size:13px;color:var(--gray-400)}.page-loading{min-height:320px;display:flex;align-items:center;justify-content:center}.page-loading .spinner{width:28px;height:28px}.setting-toggle{display:flex;align-items:center;gap:8px}.setting-toggle input[type=checkbox]{accent-color:var(--primary);width:16px;height:16px;cursor:pointer}.setting-toggle span{font-size:13px;color:var(--gray-600)}.setting-toggle:not(:has(input)){flex-shrink:0;width:42px;height:24px;border-radius:var(--radius-lg);background:var(--gray-300);cursor:pointer;position:relative;transition:background .2s}.setting-toggle:not(:has(input)):after{content:"";position:absolute;width:18px;height:18px;background:#fff;border-radius:50%;top:3px;left:3px;transition:transform .2s,box-shadow .15s;box-shadow:0 1px 3px #00000040}.setting-toggle.active:not(:has(input)){background:var(--primary)}.setting-toggle.active:not(:has(input)):after{transform:translate(18px)}.uploads-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}.modal-body-scroll{max-height:70vh;overflow-y:auto}.store-status-banner{display:flex;align-items:flex-start;gap:14px;padding:16px;border-radius:var(--radius-lg);margin-bottom:4px}.store-status-banner--draft{background:#fffbeb;border:1px solid #fde68a}.store-status-banner--active{background:var(--green-50);border:1px solid var(--green-100)}.store-status-banner--suspended{background:var(--red-50);border:1px solid var(--red-100)}.store-status-icon{width:36px;height:36px;border-radius:var(--radius-lg);flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#fff}.store-status-icon--amber{background:linear-gradient(135deg,#f59e0b,#d97706)}.store-status-icon--emerald{background:linear-gradient(135deg,#10b981,#059669)}.store-status-icon--rose{background:linear-gradient(135deg,#ef4444,#dc2626)}.store-activate-btn{display:inline-flex;align-items:center;gap:6px;margin-top:10px;padding:7px 14px;border-radius:var(--radius-lg);font-size:12px;font-weight:700;color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 2px 8px #f59e0b59;transition:all var(--transition)}.store-activate-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #f59e0b73}.checklist-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px 8px}.checklist-progress-track{height:4px;background:var(--gray-100);border-radius:99px;overflow:hidden;margin:0 24px 12px}.checklist-progress-fill{height:100%;border-radius:99px;background:var(--primary);transition:width .5s ease}.checklist-item{display:flex;align-items:center;gap:12px;padding:10px 24px;transition:background var(--transition);cursor:default}.checklist-item--clickable{cursor:pointer}.checklist-item--clickable:hover{background:var(--gray-50)}.checklist-dot{width:22px;height:22px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;border:2px solid var(--gray-300);background:#fff;color:transparent;transition:all .2s}.checklist-dot--done{background:linear-gradient(135deg,#10b981,#059669);border-color:transparent;color:#fff}.checklist-item-label{font-size:13px;font-weight:600;color:var(--gray-700)}.checklist-item-label--done{color:var(--gray-400);text-decoration:line-through}.checklist-cta{margin-left:auto;font-size:11px;font-weight:600;color:var(--primary);display:inline-flex;align-items:center;gap:3px;padding:3px 8px;border-radius:var(--radius);background:var(--primary-50);border:1px solid var(--primary-100);white-space:nowrap;flex-shrink:0}.nav-shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:16px 24px 24px;border-top:1px solid var(--gray-100)}.nav-shortcut-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-lg);border:1px solid var(--gray-200);background:var(--gray-50);font-size:13px;font-weight:500;color:var(--gray-700);transition:all var(--transition)}.nav-shortcut-item:hover{background:var(--primary-50);border-color:var(--primary-100);color:var(--primary)}.nav-shortcut-icon{width:28px;height:28px;border-radius:var(--radius);flex-shrink:0;background:#fff;border:1px solid var(--gray-200);display:flex;align-items:center;justify-content:center;color:var(--gray-500);transition:all var(--transition)}.nav-shortcut-item:hover .nav-shortcut-icon{background:var(--primary-100);border-color:var(--primary-100);color:var(--primary)}.stat-card-cta{display:inline-flex;align-items:center;gap:4px;margin-top:8px;font-size:11px;font-weight:600;color:var(--primary);padding:3px 8px;border-radius:var(--radius);background:var(--primary-50);border:1px solid var(--primary-100)}.quick-action-link{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-lg);font-size:13px;font-weight:500;color:var(--gray-600);transition:all var(--transition);border:1px solid transparent}.quick-action-link:hover{background:var(--gray-50);border-color:var(--gray-200);color:var(--gray-800)}.quick-action-icon{width:30px;height:30px;border-radius:var(--radius);flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--gray-100);color:var(--gray-500);transition:all var(--transition)}.quick-action-link:hover .quick-action-icon{background:var(--primary-50);color:var(--primary)}.store-info-row{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--gray-50);font-size:13px}.store-info-row:last-child{border-bottom:none}.pf-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--gray-100)}.pf-back-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius);color:var(--gray-500);border:1px solid var(--gray-200);background:#fff;transition:all var(--transition);flex-shrink:0}.pf-back-btn:hover{background:var(--gray-50);color:var(--gray-800);border-color:var(--gray-300)}.pf-layout{display:grid;grid-template-columns:180px 1fr;gap:24px;align-items:start}.pf-sidebar{position:sticky;top:16px;display:flex;flex-direction:column;gap:2px;background:var(--gray-50);border-radius:var(--radius-lg);padding:8px;border:1px solid var(--gray-100)}.pf-tab-btn{display:flex;align-items:center;gap:9px;padding:9px 12px;border-radius:var(--radius);font-size:13px;font-weight:500;color:var(--gray-500);transition:all .15s ease;border:none;text-align:left;width:100%}.pf-tab-btn:hover{background:#fff;color:var(--gray-800)}.pf-tab-btn--active{background:#fff;color:var(--primary);font-weight:600;box-shadow:0 1px 3px #00000014}.pf-tab-btn--active .pf-tab-icon{color:var(--primary)}.pf-tab-icon{color:var(--gray-400);flex-shrink:0}.pf-content{min-width:0}.ptype-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.ptype-card{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:16px;border-radius:var(--radius-lg);border:1.5px solid var(--gray-200);background:#fff;text-align:left;transition:all .15s ease;cursor:pointer}.ptype-card:hover{border-color:var(--gray-300);box-shadow:0 2px 8px #0000000f}.ptype-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-lg);transition:all .15s ease}.ptype-label{font-size:13px;font-weight:700;color:var(--gray-800);line-height:1}.ptype-desc{font-size:11px;color:var(--gray-400);line-height:1.4}.ptype-blue .ptype-icon{background:#eff6ff;color:#3b82f6}.ptype-purple .ptype-icon{background:#f5f3ff;color:#8b5cf6}.ptype-amber .ptype-icon{background:#fffbeb;color:#f59e0b}.ptype-green .ptype-icon{background:#f0fdf4;color:#22c55e}.ptype-card--active{box-shadow:0 2px 10px #00000014}.ptype-blue.ptype-card--active{border-color:#3b82f6;background:#eff6ff}.ptype-purple.ptype-card--active{border-color:#8b5cf6;background:#f5f3ff}.ptype-amber.ptype-card--active{border-color:#f59e0b;background:#fffbeb}.ptype-green.ptype-card--active{border-color:#22c55e;background:#f0fdf4}.ptype-blue.ptype-card--active .ptype-icon{background:#dbeafe}.ptype-purple.ptype-card--active .ptype-icon{background:#ede9fe}.ptype-amber.ptype-card--active .ptype-icon{background:#fde68a}.ptype-green.ptype-card--active .ptype-icon{background:#bbf7d0}.ptype-blue.ptype-card--active .ptype-label{color:#1d4ed8}.ptype-purple.ptype-card--active .ptype-label{color:#6d28d9}.ptype-amber.ptype-card--active .ptype-label{color:#b45309}.ptype-green.ptype-card--active .ptype-label{color:#15803d}@media(max-width:768px){.pf-header{flex-direction:column;align-items:flex-start}.pf-layout{grid-template-columns:1fr}.pf-sidebar{position:static;flex-direction:row;flex-wrap:wrap;padding:6px}.pf-tab-btn{flex:none;padding:7px 10px;font-size:12px}}.img-upload-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:4px}.img-thumb{position:relative;aspect-ratio:1;border-radius:var(--radius-lg);overflow:hidden;border:2px solid var(--gray-200);background:var(--gray-50);cursor:pointer;transition:border-color var(--transition)}.img-thumb:hover{border-color:var(--gray-400)}.img-thumb--primary{border-color:var(--primary)}.img-thumb img{width:100%;height:100%;object-fit:cover;display:block}.img-thumb-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;gap:6px;opacity:0;transition:opacity var(--transition)}.img-thumb:hover .img-thumb-overlay{opacity:1}.img-thumb-btn{width:28px;height:28px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;background:#ffffffe6;color:var(--gray-700);transition:all var(--transition);flex-shrink:0;font-size:12px}.img-thumb-btn:hover{background:#fff;transform:scale(1.1)}.img-thumb-btn--danger:hover{background:var(--red-50);color:var(--danger)}.img-primary-badge{position:absolute;top:5px;left:5px;font-size:9px;font-weight:700;letter-spacing:.3px;text-transform:uppercase;background:var(--primary);color:#fff;padding:2px 6px;border-radius:5px;pointer-events:none}.img-add-slot{aspect-ratio:1;border-radius:var(--radius-lg);border:2px dashed var(--gray-300);background:var(--gray-50);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;cursor:pointer;transition:all var(--transition);color:var(--gray-400);font-size:12px;font-weight:500}.img-add-slot:hover{border-color:var(--primary);background:var(--primary-50);color:var(--primary)}.img-uploading{aspect-ratio:1;border-radius:var(--radius-lg);border:2px solid var(--primary-100);background:var(--primary-50);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:var(--primary)}.img-upload-hint{font-size:11px;color:var(--gray-400);margin-top:2px}.ai-img-candidate{position:relative;aspect-ratio:4/5;border-radius:var(--radius-lg);overflow:hidden;border:2px solid var(--gray-200);background:var(--gray-50);cursor:pointer;transition:border-color var(--transition);padding:0}.ai-img-candidate:hover{border-color:var(--primary)}.ai-img-candidate:disabled{cursor:not-allowed;opacity:.6}.ai-img-candidate img{width:100%;height:100%;object-fit:cover;display:block}.ai-img-candidate-pick{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000059;display:flex;align-items:center;justify-content:center;color:#fff;opacity:0;transition:opacity var(--transition)}.ai-img-candidate:hover .ai-img-candidate-pick{opacity:1}.variant-img-btn{width:36px;height:36px;border-radius:var(--radius);flex-shrink:0;display:flex;align-items:center;justify-content:center;border:1px dashed var(--gray-300);background:var(--gray-50);cursor:pointer;transition:all var(--transition);overflow:hidden}.variant-img-btn:hover{border-color:var(--primary);background:var(--primary-50)}.variant-img-btn img{width:100%;height:100%;object-fit:cover}.wizard-wrap{display:flex;flex-direction:column;align-items:center;justify-content:safe center;padding:32px 24px 40px;min-height:100%}.wizard-inner{width:100%;max-width:480px}.wizard-hero{text-align:center;margin-bottom:22px}.wizard-icon{width:48px;height:48px;border-radius:var(--radius-xl);background:var(--primary-light);border:1px solid var(--primary-100);display:flex;align-items:center;justify-content:center;margin:0 auto 14px;color:var(--primary)}.wizard-title{font-size:20px;font-weight:800;color:var(--gray-900);letter-spacing:-.3px;margin-bottom:4px}.wizard-subtitle{font-size:13px;color:var(--gray-500)}.wizard-steps{display:flex;align-items:flex-start;max-width:240px;margin:0 auto 24px}.wizard-step{display:flex;align-items:flex-start;flex:1}.wizard-step:last-child{flex:none}.wizard-step-col{display:flex;flex-direction:column;align-items:center;gap:4px}.wizard-dot{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0;border:1.5px solid var(--gray-200);background:#fff;color:var(--gray-400);transition:all .2s ease}.wizard-dot--active{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 0 0 3px #05966926}.wizard-dot--done{background:var(--primary-light);border-color:var(--primary-300);color:var(--primary-hover)}.wizard-step-label{font-size:10.5px;font-weight:500;color:var(--gray-400);white-space:nowrap;text-align:center;transition:color .2s}.wizard-step-label--active{font-weight:700;color:var(--primary)}.wizard-connector{flex:1;height:2px;background:var(--gray-200);margin:14px 6px 0;border-radius:2px;transition:background .4s}.wizard-connector--done{background:var(--primary-300)}.wizard-card{background:#fff;border-radius:var(--radius-xl);border:1px solid var(--gray-200);overflow:hidden}.wizard-card-accent{display:none}.wizard-card-body{padding:26px}.wizard-section-title{font-size:16px;font-weight:700;color:var(--gray-900);margin-bottom:4px}.wizard-section-desc{font-size:12.5px;color:var(--gray-500);margin-bottom:20px}.slug-preview{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--radius);background:var(--primary-light);border:1px solid var(--primary-100);font-size:12px;color:var(--primary);font-family:monospace}.wizard-confirm-box{border-radius:var(--radius-xl);margin-bottom:20px;border:1px solid var(--gray-200);background:#fff;overflow:hidden}.wizard-confirm-box-header{background:var(--primary-light);padding:16px 20px;border-bottom:1px solid var(--primary-100);display:flex;align-items:center;gap:14px}.wizard-confirm-box-body{padding:14px 20px}.wizard-confirm-icon{width:42px;height:42px;border-radius:var(--radius-xl);background:var(--primary);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff}.wizard-confirm-name{font-size:16px;font-weight:800;color:var(--gray-900);line-height:1.2}.wizard-confirm-slug{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-family:monospace;color:var(--primary);background:var(--primary-light);padding:2px 7px;border-radius:5px;margin-top:3px}.wizard-confirm-desc{font-size:13px;color:var(--gray-500);line-height:1.5}.wizard-confirm-note{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--gray-400);margin-bottom:20px;padding:0 2px}.wizard-footer{text-align:center;font-size:12.5px;color:var(--gray-400);margin-top:18px}.widget-empty-state{display:flex;flex-direction:column;align-items:center;padding:36px 24px 40px;text-align:center}.widget-empty-icon{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:14px}.widget-empty-icon--green{background:#10b9811a;color:#10b981}.widget-empty-icon--indigo{background:#6366f11a;color:#6366f1}.widget-empty-icon--gray{background:#6b728014;color:#9ca3af}.widget-empty-title{font-size:14px;font-weight:600;color:var(--gray-700);margin-bottom:6px}.widget-empty-sub{font-size:12px;color:var(--gray-400);line-height:1.55;max-width:200px}.widget-empty-cta{display:inline-flex;align-items:center;gap:5px;margin-top:14px;font-size:12px;font-weight:600;color:var(--primary);padding:6px 14px;border-radius:var(--radius);background:var(--primary-50);transition:background .15s;text-decoration:none}.widget-empty-cta:hover{background:var(--primary-100)}.stock-row{display:flex;align-items:center;gap:12px;padding:12px 20px;text-decoration:none;border-bottom:1px solid var(--gray-50);transition:background .15s}.stock-row:last-child{border-bottom:none;padding-bottom:16px}.stock-row:hover{background:var(--gray-50)}.stock-row-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-top:1px}.stock-badge{display:inline-flex;align-items:center;flex-shrink:0;padding:3px 9px;border-radius:var(--radius);font-size:11px;font-weight:700;white-space:nowrap}.stock-badge--out{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.stock-badge--critical{background:#fff7ed;color:#ea580c;border:1px solid #fed7aa}.stock-badge--low{background:#fefce8;color:#ca8a04;border:1px solid #fde68a}.order-row{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;text-decoration:none;border-bottom:1px solid var(--gray-50);transition:background .15s}.order-row:last-child{border-bottom:none;padding-bottom:16px}.order-row:hover{background:var(--gray-50)}.order-row-right{text-align:right;flex-shrink:0}@media(max-width:768px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}.form-grid{grid-template-columns:1fr}.filters .input{max-width:none;flex:1;min-width:120px}.modal{max-width:100%;border-radius:var(--radius-lg)}}@media(max-width:480px){.stats-grid{grid-template-columns:1fr 1fr}.stat-value{font-size:22px}}.modal-box{background:#fff;border-radius:var(--radius-xl);box-shadow:0 24px 64px #0f172a33,0 8px 24px #0f172a1a;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;border:1px solid rgba(226,232,240,.7);padding:24px}.pos-layout{display:flex;flex-direction:column;height:100vh;overflow:hidden}.pos-header{display:flex;align-items:center;gap:16px;padding:12px 20px;background:#fff;border-bottom:1px solid #e2e8f0;flex-shrink:0}.pos-header-title{font-size:18px;font-weight:700;color:#1e293b}.pos-tab-bar{display:flex;gap:4px;margin-left:auto;background:#f1f5f9;border-radius:var(--radius);padding:3px}.pos-tab-btn{padding:5px 14px;border-radius:var(--radius);font-weight:600;font-size:13px;background:transparent;color:#64748b;transition:all .15s}.pos-tab-btn.active{background:#fff;color:#6366f1;box-shadow:0 1px 3px #00000014}.pos-body{display:flex;flex:1;overflow:hidden}.pos-products{flex:1;display:flex;flex-direction:column;border-right:1px solid #e2e8f0;overflow:hidden}.pos-search-bar{padding:12px 16px;border-bottom:1px solid #f1f5f9;background:#fafafa;display:flex;align-items:center;gap:10px}.pos-search-bar .input-icon-wrap{flex:1;min-width:0}.pos-search-bar .btn{flex-shrink:0;white-space:nowrap}.pos-product-grid{flex:1;overflow:auto;padding:12px;display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;align-content:start}.pos-grid-span{grid-column:1 / -1}.pos-grid-center{text-align:center;padding:40px;color:#94a3b8}.pos-product-card{background:#fff;border:1px solid #e2e8f0;border-radius:var(--radius-lg);padding:10px;cursor:pointer;text-align:left;display:flex;flex-direction:column;gap:6px}.pos-product-card.out-of-stock{opacity:.5;pointer-events:none}.pos-product-img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:var(--radius)}.pos-product-img-placeholder{width:100%;aspect-ratio:1;background:#f8fafc;border-radius:var(--radius);display:flex;align-items:center;justify-content:center}.pos-product-name{font-size:12px;font-weight:600;color:#1e293b;line-height:1.3}.pos-product-price{font-size:12px;font-weight:700;color:#6366f1}.pos-product-stock{font-size:11px;color:#94a3b8}.pos-product-stock.low{color:#ef4444}.pos-cart{width:340px;display:flex;flex-direction:column;background:#fff;flex-shrink:0}.pos-cart-header{padding:12px 16px;border-bottom:1px solid #f1f5f9;display:flex;align-items:center;justify-content:space-between}.pos-cart-title{font-weight:700;font-size:14px;color:#1e293b}.pos-cart-clear{font-size:12px;color:#ef4444}.pos-cart-items{flex:1;overflow:auto;padding:8px 12px}.pos-cart-empty{text-align:center;padding:40px 20px;color:#94a3b8}.pos-cart-item{display:flex;gap:10px;padding:10px 0;border-bottom:1px solid #f1f5f9;align-items:center}.pos-cart-item-info{flex:1;min-width:0}.pos-cart-item-name{font-size:13px;font-weight:600;color:#1e293b}.pos-cart-item-price{font-size:12px;color:#64748b}.pos-cart-qty{display:flex;align-items:center;gap:6px}.pos-cart-qty-btn{width:24px;height:24px;border-radius:var(--radius);border:1px solid #e2e8f0;background:#f8fafc;display:flex;align-items:center;justify-content:center}.pos-cart-qty-num{font-size:13px;font-weight:700;min-width:20px;text-align:center}.pos-cart-item-total{font-size:13px;font-weight:700;color:#1e293b;min-width:70px;text-align:right}.pos-cart-remove{color:#ef4444;padding:2px}.pos-cart-footer{padding:12px 16px;border-top:1px solid #e2e8f0;background:#fafafa}.pos-cart-footer .pos-cart-customer-input{margin-bottom:10px;font-size:13px}.pos-discount-row{display:flex;gap:6px;margin-bottom:10px}.pos-cart-discount-input{flex:1;font-size:13px}.pos-discount-select{width:70px;font-size:13px}.pos-summary{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.pos-summary-row{display:flex;justify-content:space-between;font-size:13px;color:#64748b}.pos-summary-row.discount{color:#16a34a}.pos-summary-row.total{font-size:16px;font-weight:700;color:#1e293b;border-top:1px solid #e2e8f0;padding-top:8px}.pos-pay-btn{width:100%;justify-content:center;font-size:15px;padding:12px 16px}.pos-history{flex:1;overflow:auto;padding:20px}.pos-history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.pos-history-title{font-size:16px;font-weight:600;color:#1e293b}.pos-empty{text-align:center;padding:60px;color:#94a3b8}.pos-history-list{display:flex;flex-direction:column;gap:10px}.pos-history-item{background:#fff;border-radius:var(--radius-lg);border:1px solid #e2e8f0;padding:14px 16px;display:flex;align-items:center;gap:12px}.pos-history-item-info{flex:1;min-width:0}.pos-history-item-num{font-weight:600;font-size:14px;color:#1e293b}.pos-history-item-sub{font-size:12px;color:#64748b;margin-top:2px}.pos-history-item-detail{font-size:12px;color:#94a3b8;margin-top:2px}.pos-history-item-total{font-weight:700;font-size:16px;color:#1e293b;white-space:nowrap}.pos-badge-paid{padding:3px 8px;border-radius:var(--radius-xl);font-size:11px;font-weight:600;background:#f0fdf4;color:#16a34a}.pos-history-footer{padding:12px 0;text-align:right;border-top:1px solid #e2e8f0;margin-top:4px}.pos-history-revenue-label{font-size:13px;color:#64748b}.pos-history-revenue-amount{font-size:16px;font-weight:700;color:#1e293b}.pos-pay-total-area{text-align:center;margin-bottom:20px}.pos-pay-total-label{font-size:13px;color:#64748b;margin-bottom:4px}.pos-pay-total-amount{font-size:28px;font-weight:800;color:#1e293b}.pos-pay-methods{display:flex;gap:8px;margin-bottom:20px}.pos-pay-method-btn{flex:1;padding:12px 8px;border-radius:var(--radius-lg);border:2px solid #e2e8f0;background:#fff;display:flex;flex-direction:column;align-items:center;gap:6px;color:#64748b;font-size:13px;transition:all .15s}.pos-pay-method-btn.active{border-color:#6366f1;background:#eef2ff;color:#6366f1;font-weight:700}.pos-pay-quick-amounts{margin-top:8px;display:flex;gap:6px;flex-wrap:wrap}.pos-pay-change-box{margin-top:12px;padding:10px 14px;border-radius:var(--radius)}.pos-pay-change-box.ok{background:#f0fdf4;border:1px solid #bbf7d0}.pos-pay-change-box.short{background:#fef2f2;border:1px solid #fecaca}.pos-pay-change-row{display:flex;justify-content:space-between;font-size:13px}.pos-pay-change-amount.ok{font-weight:700;color:#16a34a}.pos-pay-change-amount.short{font-weight:700;color:#dc2626}.receipt-body{font-family:monospace;font-size:13px;line-height:1.6}.receipt-header{text-align:center;border-bottom:1px dashed #ccc;padding-bottom:8px;margin-bottom:8px}.receipt-store-name{font-weight:700;font-size:15px}.receipt-meta{color:#666;font-size:12px}.receipt-customer{margin-bottom:8px;font-size:12px;color:#444}.receipt-items{width:100%;border-collapse:collapse;margin-bottom:8px}.receipt-items tbody tr{border-bottom:none}.receipt-items tbody td{padding:2px 0;font-size:13px;vertical-align:top}.receipt-item-qty{color:#666;font-size:11px}.receipt-item-price{text-align:right;white-space:nowrap}.receipt-totals{border-top:1px dashed #ccc;padding-top:8px}.receipt-row{display:flex;justify-content:space-between}.receipt-row.discount{color:#16a34a}.receipt-row.total{font-weight:700;font-size:15px;margin-top:4px}.receipt-row.cash{margin-top:4px}.receipt-row.change{font-weight:600}.receipt-payment{text-align:center;margin-top:8px;color:#666;font-size:11px}.receipt-thanks{text-align:center;margin-top:12px;color:#999;font-size:11px;border-top:1px dashed #ccc;padding-top:8px}.cust-tab-bar{display:flex;gap:4px;margin-bottom:20px;background:#f1f5f9;border-radius:var(--radius);padding:3px;width:fit-content}.cust-tab-btn{padding:6px 16px;border-radius:var(--radius);font-weight:600;font-size:13px;background:transparent;color:#64748b}.cust-tab-btn.active{background:#fff;color:#6366f1;box-shadow:0 1px 3px #00000014}.cust-group-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.cust-group-card{background:#fff;border-radius:var(--radius-lg);border:1px solid #e2e8f0;padding:16px 20px}.cust-group-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.cust-group-title{display:flex;align-items:center;gap:8px}.cust-group-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.cust-group-desc{font-size:12px;color:#64748b;margin-bottom:8px}.cust-group-stats{display:flex;gap:16px;font-size:12px}.cust-group-stats span{color:#94a3b8}.cust-group-auto{margin-top:6px;font-size:11px;color:#6366f1;font-weight:600}.cust-group-badge{padding:2px 8px;border-radius:var(--radius-xl);font-size:11px;font-weight:600}.cust-avatar{width:36px;height:36px;border-radius:50%;background:var(--primary-50);display:flex;align-items:center;justify-content:center;flex-shrink:0}.cust-avatar-lg{width:52px;height:52px}.cust-avatar-initial{font-size:14px;font-weight:700;color:var(--primary)}.cust-avatar-initial-lg{font-size:20px}.cust-empty{text-align:center;padding:60px;color:#94a3b8}.cust-filters{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap}.cust-filter-search{flex:1;min-width:200px}.cust-filter-select{width:180px}.detail-slide-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;justify-content:flex-end}.detail-slide-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000004d}.detail-slide{width:420px;background:#fff;height:100%;overflow-y:auto;position:relative;z-index:1;display:flex;flex-direction:column}.detail-slide-header{padding:16px 20px;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between}.detail-slide-close{color:#64748b}.detail-slide-body{padding:20px;flex:1}.detail-slide-profile{display:flex;gap:12px;margin-bottom:20px;align-items:center}.detail-slide-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:20px}.detail-stat-card{background:#f8fafc;border-radius:var(--radius);padding:10px 12px}.detail-stat-icon{color:var(--primary);margin-bottom:4px}.detail-stat-label{font-size:12px;color:#64748b}.detail-stat-value{font-size:13px;font-weight:700;color:#1e293b}.detail-group-select{font-size:13px;margin-bottom:20px}.detail-orders-title{font-size:13px;font-weight:600;color:#475569;margin-bottom:10px}.detail-orders-list{display:flex;flex-direction:column;gap:8px}.detail-order-item{padding:10px 12px;background:#f8fafc;border-radius:var(--radius);display:flex;justify-content:space-between;align-items:center}.detail-order-num{font-size:13px;font-weight:600}.detail-order-date{font-size:12px;color:#94a3b8}.detail-order-total{font-size:13px;font-weight:700;text-align:right}.detail-order-status{font-size:11px;padding:2px 6px;border-radius:var(--radius-lg);font-weight:600}.detail-order-status.delivered{background:#f0fdf4;color:#16a34a}.detail-order-status.cancelled{background:#fef2f2;color:#dc2626}.detail-order-status.pending{background:#fefce8;color:#ca8a04}.chat-panel-slide{overflow-y:hidden}.chat-status-row{padding:10px 20px;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;gap:8px}.chat-body{overflow-y:auto;min-height:0;display:flex;flex-direction:column;gap:10px}.chat-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#94a3b8}.chat-bubble-row{display:flex;justify-content:flex-start}.chat-bubble-row.chat-bubble-own{justify-content:flex-end}.chat-bubble{max-width:80%;background:#f1f5f9;border-radius:var(--radius-lg);padding:8px 12px}.chat-bubble-own .chat-bubble{background:var(--primary-50)}.chat-bubble-text{font-size:13px;color:#1e293b;white-space:pre-wrap;word-break:break-word}.chat-bubble-time{font-size:10px;color:#94a3b8;margin-top:4px;text-align:right}.chat-input-row{display:flex;gap:8px;padding:12px 20px;border-top:1px solid #e2e8f0}.chat-input-row .form-input{flex:1}.group-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.group-color-row{display:flex;gap:8px;align-items:center}.group-color-input{width:40px;height:36px;padding:2px;border-radius:var(--radius);border:1px solid #e2e8f0;cursor:pointer;flex-shrink:0}.group-auto-check{display:flex;align-items:center;gap:8px;margin-top:8px;cursor:pointer}.group-auto-desc{font-size:13px;color:#64748b}.no-store-cta{background:linear-gradient(135deg,#10b98114,#0596690a);border-radius:var(--radius-lg);border:1px solid rgba(16,185,129,.2);padding:14px;position:relative;overflow:hidden}.no-store-cta-deco{position:absolute;top:-24px;right:-24px;width:80px;height:80px;border-radius:50%;background:#10b9811a;pointer-events:none}.no-store-cta-icon{width:34px;height:34px;border-radius:var(--radius);background:linear-gradient(135deg,#10b981,#059669);display:flex;align-items:center;justify-content:center;margin-bottom:10px;flex-shrink:0;box-shadow:0 3px 8px #10b9814d}.no-store-cta-title{font-size:12px;font-weight:700;color:#064e3b;margin-bottom:3px}.no-store-cta-desc{font-size:11px;color:#6b7280;margin-bottom:12px;line-height:1.45}.no-store-cta-link{display:flex;align-items:center;justify-content:center;gap:6px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-radius:var(--radius);padding:8px 12px;font-size:12px;font-weight:700;text-decoration:none;box-shadow:0 2px 6px #10b9814d}.order-detail-grid{display:grid;grid-template-columns:1fr 360px;gap:1.5rem;align-items:start}.order-payment-body{display:flex;flex-direction:column;gap:.75rem;font-size:.875rem}.order-payment-divider{border-top:1px solid var(--gray-100);padding-top:.75rem}.order-ship-footer{display:flex;gap:.75rem;justify-content:flex-end}.order-ship-body{display:flex;flex-direction:column;gap:1rem}.order-ship-note{color:var(--gray-600);font-size:.9rem}.order-addr-body{font-size:.9rem;line-height:1.7}.order-addr-name{font-weight:600}.order-addr-note{margin-top:.5rem;font-style:italic;color:var(--gray-500)}.order-timeline{display:flex;gap:0}.order-timeline-step{flex:1;text-align:center;position:relative;padding:0 .5rem}.order-timeline-line{position:absolute;top:16px;left:calc(50% + 16px);right:calc(-50% + 16px);height:2px;background:var(--gray-200);z-index:0}.order-timeline-line.done{background:var(--primary)}.order-timeline-node{width:32px;height:32px;border-radius:50%;margin:0 auto .5rem;border:2px solid var(--gray-200);background:#fff;display:flex;align-items:center;justify-content:center;position:relative;z-index:1;color:var(--gray-400);font-size:.8125rem;font-weight:700}.order-timeline-node.done{border-color:var(--primary);background:var(--primary);color:#fff}.order-timeline-node.current{border-color:var(--primary);color:var(--primary);box-shadow:0 0 0 3px var(--primary-100)}.order-timeline-label{font-size:.75rem;font-weight:400;color:var(--gray-500)}.order-timeline-label.active{font-weight:600;color:var(--primary)}.order-timeline-node.tertunda{border-color:#d97706;color:#d97706;border-style:dashed}.order-timeline-label.tertunda{font-weight:600;color:#d97706}.order-aksi-perusak{margin-left:16px}.th-center{text-align:center}.th-right{text-align:right}.td-center{text-align:center}.td-right{text-align:right}.td-right-fw6{text-align:right;font-weight:600}.td-right-fw7{text-align:right;font-weight:700;font-size:1rem}.td-success{color:var(--success)}.td-danger{color:var(--danger)}.owner-tab-nav{display:flex;gap:4px;border-bottom:2px solid var(--border-color);margin-bottom:24px}.owner-tab-btn{padding:8px 20px;font-size:14px;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;color:var(--text-muted)}.owner-tab-btn.active{border-bottom-color:var(--color-primary);color:var(--color-primary)}.fwd-stat-card-body{display:flex;align-items:center;gap:14px;padding:16px 20px}.fwd-stat-icon{width:44px;height:44px;border-radius:var(--radius-lg);flex-shrink:0;display:flex;align-items:center;justify-content:center}.fwd-stat-val{font-size:26px;font-weight:700;line-height:1}.fwd-stat-label{font-size:12px;color:var(--text-muted);margin-top:3px}.fwd-warehouse-card{border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:14px}.fwd-warehouse-name{font-weight:600;font-size:14px;margin-bottom:4px}.fwd-warehouse-meta{font-size:12px;color:var(--text-muted);margin-bottom:10px}.fwd-warehouse-row{display:flex;justify-content:space-between;font-size:12px;padding:3px 0;border-bottom:1px solid var(--border-color)}.fwd-monitor-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.fwd-monitor-title{font-size:15px;font-weight:600;display:flex;align-items:center;gap:8px}.fwd-customer-name{font-size:14px;font-weight:500}.fwd-report-sumval{font-size:28px;font-weight:700}.fwd-report-sumlabel{font-size:12px}.usage-bar-wrap{margin-bottom:16px}.usage-bar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.usage-bar-label{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#475569}.usage-bar-track{height:6px;background:#f1f5f9;border-radius:3px;overflow:hidden}.usage-warning-box{margin-top:16px;padding:12px 16px;background:#fef3c7;border-radius:var(--radius-lg);border:1px solid #fde68a}.usage-warning-title{font-size:13px;color:#92400e;font-weight:600}.usage-warning-text{font-size:12px;color:#78350f;margin-top:4px}.delivery-pkg-list{max-height:200px;overflow-y:auto;border:1px solid var(--gray-200);border-radius:var(--radius);padding:6px 0}.delivery-pkg-item{display:flex;align-items:center;gap:10px;padding:6px 12px;cursor:pointer}.delivery-pkg-item:hover{background:var(--gray-50)}.fwd-dash-stat-body{display:flex;align-items:center;gap:14px;padding:18px 20px}.fwd-dash-stat-icon{width:48px;height:48px;border-radius:var(--radius-lg);flex-shrink:0;display:flex;align-items:center;justify-content:center}.fwd-dash-stat-val{font-size:28px;font-weight:700;line-height:1}.fwd-dash-stat-link{display:block;padding:0;text-decoration:none;color:inherit}.fwd-dash-main-grid{display:grid;grid-template-columns:1fr 300px;gap:20px;align-items:start}.fwd-dash-wh-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.fwd-dash-wh-title{font-weight:600;font-size:15px;display:flex;align-items:center;gap:8px}.fwd-dash-wh-empty{text-align:center;padding:24px 0;color:var(--text-muted)}.fwd-dash-wh-empty-icon{opacity:.3;margin:0 auto 8px;display:block}.grid-auto-fill-200{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.fwd-quick-link{display:flex;align-items:center;gap:10px;padding:8px 0;font-size:13px;color:var(--text-color);border-bottom:1px solid var(--border-color);text-decoration:none}.fwd-health-row{display:flex;align-items:center;gap:8px;font-size:13px}.fwd-health-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;flex-shrink:0}.role-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:var(--radius-xl);font-size:11px;font-weight:600}.team-modal-tabs{display:flex;border-bottom:1px solid var(--border-color);margin-bottom:20px}.team-modal-tab{flex:1;padding:12px 8px;border:none;background:none;cursor:pointer;font-size:13px;font-weight:500;display:flex;align-items:center;justify-content:center;gap:6px;border-bottom:2px solid transparent;margin-bottom:-1px;color:var(--text-muted)}.team-modal-tab.active{border-bottom-color:var(--color-primary);color:var(--color-primary)}.team-modal-body{padding:0 24px 24px}.team-empty-state{text-align:center;padding:40px 20px;color:var(--text-muted)}.team-avatar{width:36px;height:36px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex-shrink:0}.team-avatar-img{width:36px;height:36px;border-radius:50%;object-fit:cover}.start-option-btn{border:2px solid var(--gray-200);border-radius:var(--radius-lg);padding:10px 12px;background:#fff;cursor:pointer;text-align:left;transition:border-color .15s,background .15s}.start-option-btn.active{border-color:var(--primary);background:var(--primary-light)}.start-option-btn-label{font-size:13px;font-weight:600;color:#374151}.start-option-btn.active .start-option-btn-label{color:var(--primary-hover)}.start-option-btn-desc{font-size:11px;color:#6b7280;margin-top:2px}.start-option-btn.disabled{opacity:.45;cursor:not-allowed;background:#f9fafb}.uploads-toolbar{padding:14px 16px;display:flex;flex-direction:column;gap:12px}.uploads-search-wrap{position:relative;flex:1}.uploads-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#94a3b8;pointer-events:none}.uploads-folder-btn{padding:6px 14px;font-size:13px;font-weight:500;border-radius:var(--radius);border:none;cursor:pointer;transition:all .15s;background:#f1f5f9;color:#64748b}.uploads-folder-btn.active{font-weight:600;background:var(--primary);color:#fff}.uploads-list-header{display:grid;grid-template-columns:1fr 72px 64px 70px 100px;gap:0;padding:8px 20px;background:#f8fafc;border-bottom:1px solid #f1f5f9}.uploads-list-header-cell{font-size:11px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em}.uploads-row{display:flex;align-items:center;gap:14px;padding:10px 20px;background:#fff;transition:background .1s}.uploads-row:hover{background:#fafafa}.uploads-row:not(:last-child){border-bottom:1px solid #f8fafc}.uploads-thumb{flex-shrink:0;width:40px;height:40px;border-radius:var(--radius);overflow:hidden;border:1px solid #e2e8f0;background:#f8fafc;display:flex;align-items:center;justify-content:center}.uploads-file-info{flex:1;min-width:0}.uploads-file-meta{display:flex;align-items:center;gap:6px;margin-bottom:2px}.uploads-ext-badge{font-size:9px;font-weight:700;color:#94a3b8}.uploads-filename{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.uploads-filepath{font-size:10px;color:#94a3b8;font-family:monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.uploads-size{font-size:12px;color:#64748b;white-space:nowrap;width:64px;text-align:right;flex-shrink:0}.uploads-type{font-size:10px;font-weight:600;color:#94a3b8;background:#f1f5f9;padding:3px 8px;border-radius:var(--radius);white-space:nowrap;width:56px;text-align:center;flex-shrink:0}.uploads-date{font-size:12px;color:#94a3b8;white-space:nowrap;width:60px;text-align:right;flex-shrink:0}.uploads-actions{display:flex;gap:2px;flex-shrink:0;width:100px;justify-content:flex-end}.uploads-delete-btn{color:#cbd5e1;transition:color .15s}.uploads-delete-btn:hover{color:#ef4444}.uploads-view-toggle{background:#f1f5f9;border-radius:var(--radius);padding:3px;gap:2px;display:flex}.uploads-preview-thumb{height:140px}.uploads-overlay{background:#00000080}.uploads-overlay-btn{background:#ffffffe6}.uploads-folder-tag{font-size:9px;font-weight:700;padding:2px 6px;border-radius:4px}.uploads-view-btn{display:flex;align-items:center;gap:6px;padding:7px 14px;font-size:12px;font-weight:600;border-radius:var(--radius);border:none;cursor:pointer;transition:all .15s;color:#64748b;background:transparent}.uploads-view-btn.active{background:#fff;color:var(--primary);box-shadow:0 1px 3px #0000001a}.sf-settings-layout{display:flex;background:#fff;border-radius:var(--radius-lg);border:1px solid var(--gray-200);overflow:hidden;min-height:calc(100vh - 210px)}.sf-nav-sidebar{width:192px;flex-shrink:0;border-right:1px solid var(--gray-100);padding-block:8px;background:#fafafa}.sf-nav-group-label{display:block;font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--gray-400);padding:14px 16px 4px}.sf-nav-btn{display:flex;align-items:center;gap:8px;width:calc(100% - 8px);margin:1px 4px;padding:7px 12px;border-radius:var(--radius);border:none;background:transparent;color:var(--gray-600, #4b5563);cursor:pointer;font-weight:500;font-size:13px;text-align:left;transition:background .15s,color .15s}.sf-nav-btn.active{background:var(--indigo-50, #eef2ff);color:var(--primary, #6366f1)}.sf-nav-btn .sf-nav-icon{color:var(--gray-400, #9ca3af);flex-shrink:0;transition:color .15s}.sf-nav-btn.active .sf-nav-icon{color:var(--primary, #6366f1)}.sf-nav-content{min-width:0;overflow-y:auto}.input-color{width:40px;height:40px;padding:2px;border-radius:var(--radius);border:1px solid #e5e7eb;cursor:pointer}@media(max-width:768px){.sf-settings-layout{flex-direction:column;min-height:auto}.sf-nav-sidebar{width:100%;display:flex;gap:4px;overflow-x:auto;border-right:none;border-bottom:1px solid var(--gray-100);padding:8px}.sf-nav-sidebar>div{display:contents}.sf-nav-group-label{display:none}.sf-nav-btn{width:auto;white-space:nowrap;margin:0;flex-shrink:0}.sf-nav-content{padding:16px}}.access-denied-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f8fafc}.access-denied-inner{text-align:center;max-width:420px;padding:40px}.access-denied-emoji{font-size:48px;margin-bottom:16px}.access-denied-title{font-size:22px;font-weight:700;color:#1e293b;margin-bottom:8px}.access-denied-text{font-size:14px;color:#64748b;margin-bottom:24px}.access-denied-actions{display:flex;gap:12px;justify-content:center}.access-denied-link{padding:10px 20px;background:#6366f1;color:#fff;border-radius:var(--radius-lg);text-decoration:none;font-size:14px;font-weight:600}.access-denied-btn{padding:10px 20px;background:#f1f5f9;color:#475569;border-radius:var(--radius-lg);border:none;font-size:14px;font-weight:600;cursor:pointer}.ntd-hero-card{background:var(--primary-light);border-radius:var(--radius-xl);border:1px solid var(--primary-100);padding:40px 44px;position:relative;height:100%;box-sizing:border-box}.ntd-hero-icon{width:72px;height:72px;border-radius:var(--radius-xl);background:var(--primary);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 6px 18px #05966947}.ntd-hero-title{font-size:22px;font-weight:800;color:#111827;letter-spacing:-.03em;margin-bottom:6px}.ntd-stepper{display:grid;grid-template-columns:1fr 40px 1fr 40px 1fr;align-items:flex-start;margin-bottom:40px}.ntd-step-icon-active{width:52px;height:52px;border-radius:50%;background:var(--primary);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #05966947;margin-bottom:10px}.ntd-step-icon-inactive{width:52px;height:52px;border-radius:50%;background:#f3f4f6;border:2px dashed #e5e7eb;display:flex;align-items:center;justify-content:center;margin-bottom:10px}.ntd-next-up-badge{background:var(--primary);color:#fff;font-size:9px;font-weight:700;padding:2px 8px;border-radius:var(--radius-xl);letter-spacing:.06em;margin-bottom:6px;display:inline-block}.ntd-step1-title{font-size:13px;font-weight:700;color:var(--primary-hover)}.ntd-step2-title{font-size:13px;font-weight:700;color:#9ca3af;margin-bottom:2px}.ntd-step-desc{font-size:11px;color:#9ca3af;margin-top:2px}.ntd-step-desc-light{font-size:11px;color:#d1d5db;margin-top:2px}.ntd-connector{display:flex;align-items:center;justify-content:center;padding-top:26px}.ntd-connector-line-grad{height:2px;width:40px;background:var(--primary-300);border-radius:2px}.ntd-connector-line{height:2px;width:40px;background:#e5e7eb;border-radius:2px}.ntd-cta-link{display:inline-flex;align-items:center;gap:10px;height:50px;padding-left:28px;padding-right:28px;background:var(--primary);color:#fff;border-radius:var(--radius-xl);font-weight:700;font-size:15px;box-shadow:0 6px 16px #0596694d;text-decoration:none;border:none;transition:box-shadow .15s}.ntd-cta-link:hover{background:var(--primary-hover);box-shadow:0 8px 20px #05966961}.guide-content h1,.guide-content h2,.guide-content h3{font-weight:700;color:var(--gray-800);margin:1.25rem 0 .6rem}.guide-content h1{font-size:1.35rem}.guide-content h2{font-size:1.1rem}.guide-content h3{font-size:1rem}.guide-content p{margin:0 0 .85rem}.guide-content ul,.guide-content ol{padding-left:1.4rem;margin:0 0 .85rem}.guide-content li{margin-bottom:.25rem}.guide-content a{color:var(--primary);text-decoration:underline}.guide-content strong{font-weight:700}.guide-content blockquote{border-left:3px solid var(--gray-200);padding-left:1rem;color:var(--gray-500);margin:.85rem 0}.guide-content table{width:100%;border-collapse:collapse;margin:.85rem 0;font-size:.88rem}.guide-content th,.guide-content td{border:1px solid var(--gray-200);padding:.5rem .75rem;text-align:left}.guide-content th{background:var(--gray-50);font-weight:600}.guide-content img{max-width:100%;border-radius:var(--radius)}.ntd-cta-note{font-size:12px;color:#9ca3af;display:flex;align-items:center;gap:4px}.board-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:12px}.board-search{position:relative;flex:1 1 240px;max-width:420px}.board-search .input{width:100%}.board-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--gray-400);pointer-events:none}.board-search-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:22px;height:22px;border:none;border-radius:var(--radius);background:transparent;color:var(--gray-400);cursor:pointer}.board-search-clear:hover{background:var(--gray-100);color:var(--gray-600)}.board-segment{display:inline-flex;gap:2px;padding:3px;background:var(--gray-100);border-radius:var(--radius-lg)}.board-segment-btn{padding:6px 11px;border:none;border-radius:var(--radius);background:transparent;font-size:12.5px;font-weight:600;color:var(--gray-600);cursor:pointer;white-space:nowrap}.board-segment-btn:hover{color:var(--gray-900)}.board-segment-btn--active{background:#fff;color:var(--gray-900);box-shadow:0 1px 2px #00000014}.board-segment-count{margin-left:4px;font-size:11px;color:var(--gray-400)}.board-segment-btn--active .board-segment-count{color:var(--primary)}.board-split{display:grid;grid-template-columns:minmax(280px,380px) 1fr;gap:14px;height:calc(100vh - 270px);min-height:440px}.board-list{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-lg);overflow-y:auto;height:100%}.board-row{display:flex;align-items:flex-start;gap:10px;width:100%;padding:10px 14px;text-align:left;background:transparent;border:none;border-bottom:1px solid var(--gray-100);cursor:pointer}.board-row:last-child{border-bottom:none}.board-row:hover{background:var(--gray-50)}.board-row--active{background:var(--primary-50);box-shadow:inset 3px 0 0 var(--primary)}.board-row:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}.board-dot{width:8px;height:8px;border-radius:50%;margin-top:6px;flex-shrink:0;background:var(--gray-300)}.board-dot--todo{background:var(--gray-300)}.board-dot--wip{background:var(--warning)}.board-dot--done{background:var(--primary-300)}.board-row-main{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.board-row-title{font-size:13px;font-weight:600;line-height:1.4;color:var(--gray-800);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.board-row-id{font-weight:700;color:var(--gray-400);font-variant-numeric:tabular-nums}.board-row--active .board-row-id{color:var(--primary)}.board-row-meta{font-size:11px;color:var(--gray-400)}.board-row-sep{margin:0 5px;color:var(--gray-300)}.board-reader{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-lg);height:100%;overflow-y:auto;display:flex;flex-direction:column}.board-reader--empty{align-items:center;justify-content:center;padding:40px}.board-reader-head{position:sticky;top:0;z-index:1;background:#fff;padding:18px 24px 14px;border-bottom:1px solid var(--gray-100)}.board-reader-id{font-size:12px;font-weight:700;color:var(--gray-400);font-variant-numeric:tabular-nums}.board-reader-title{font-size:18px;font-weight:700;line-height:1.35;color:var(--gray-900);margin:0 0 10px}.board-reader-facts{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:11.5px;color:var(--gray-500);margin-bottom:14px}.board-reader-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.board-reader-body{padding:20px 24px 32px}.board-chip{display:inline-block;padding:3px 8px;border-radius:var(--radius);font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;background:var(--gray-100);color:var(--gray-600)}.board-chip--todo{background:var(--gray-100);color:var(--gray-600)}.board-chip--wip{background:var(--yellow-50);color:#b45309}.board-chip--done{background:var(--primary-50);color:var(--primary-700)}.board-desc{white-space:pre-wrap;overflow-wrap:anywhere;font-family:inherit;font-size:13px;line-height:1.75;color:var(--gray-700);max-width:78ch;margin:0}.board-desc--preview{max-height:220px;overflow:auto;font-size:12px;line-height:1.6;background:var(--gray-50);padding:10px 12px;border-radius:var(--radius);max-width:none}.board-note-form{padding:16px 24px;background:var(--gray-50);border-bottom:1px solid var(--gray-100)}.board-note-form .input{width:100%}@media(max-width:900px){.board-split{grid-template-columns:1fr;height:auto}.board-list{max-height:320px}.board-reader{min-height:420px}}.pos-pintasan-bar{display:none;gap:14px;flex-wrap:wrap;padding:6px 2px 10px;font-size:11px;color:var(--gray-500, #64748b)}@media(min-width:900px){.pos-pintasan-bar{display:flex}}.pos-pintasan-item{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.pos-pintasan-bar kbd{font:inherit;font-weight:700;background:var(--gray-100, #f1f5f9);border:1px solid var(--gray-200, #e2e8f0);border-bottom-width:2px;border-radius:4px;padding:1px 5px;color:var(--gray-600, #475569)}:root{--gray-400: #656c78;--gray-500: #5a616d}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;line-height:1.5;color:var(--gray-800);background:#f4efe9;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none;font:inherit}input,select,textarea{font:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}@keyframes toast-in{0%{opacity:0;transform:translate(120%)}to{opacity:1;transform:translate(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}.loading{display:flex;align-items:center;justify-content:center;gap:10px;padding:48px;color:var(--gray-400);font-size:15px}.empty-state{text-align:center;padding:56px 24px;color:var(--gray-500);font-size:14px}.empty-state-icon{font-size:36px;margin-bottom:12px}.text-muted,.muted{color:var(--gray-500)}.table-toolbar{display:flex;align-items:center;gap:8px;margin-bottom:16px}.text-sm,.text-xs{font-size:12px}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-normal{font-weight:400}.font-sans{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.gap-0{gap:0}.gap-1{gap:1px}.gap-2{gap:2px}.gap-4{gap:4px}.gap-5{gap:5px}.gap-6{gap:6px}.gap-8{gap:8px}.gap-10{gap:10px}.gap-12{gap:12px}.gap-14{gap:14px}.gap-16{gap:16px}.gap-20{gap:20px}.gap-24{gap:24px}.gap-32{gap:32px}.mt-1{margin-top:1px}.mt-3{margin-top:3px}.mt-4{margin-top:4px}.mt-6{margin-top:6px}.mt-8{margin-top:8px}.mt-10{margin-top:10px}.mt-12{margin-top:12px}.mt-14{margin-top:14px}.mt-16{margin-top:16px}.mt-20{margin-top:20px}.mt-24{margin-top:24px}.mt-28{margin-top:28px}.mt-32{margin-top:32px}.mt-40{margin-top:40px}.mb-1{margin-bottom:1px}.mb-2{margin-bottom:2px}.mb-3{margin-bottom:3px}.mb-4{margin-bottom:4px}.mb-6{margin-bottom:6px}.mb-8{margin-bottom:8px}.mb-10{margin-bottom:10px}.mb-12{margin-bottom:12px}.mb-14{margin-bottom:14px}.mb-16{margin-bottom:16px}.mb-20{margin-bottom:20px}.mb-24{margin-bottom:24px}.mb-28{margin-bottom:28px}.mb-32{margin-bottom:32px}.mb-36{margin-bottom:36px}.mb-40{margin-bottom:40px}.mr-6{margin-right:6px}.mr-8{margin-right:8px}.mr-16{margin-right:16px}.ml-2{margin-left:2px}.ml-6{margin-left:6px}.ml-8{margin-left:8px}.ml-19{margin-left:19px}.ml-44{margin-left:44px}.m-0{margin:0}.p-0{padding:0}.p-14{padding:14px}.p-24{padding:24px}.p-40{padding:40px}.p-28{padding:28px}.p-36{padding:36px}.p-48{padding:48px}.px-10{padding-left:10px;padding-right:10px}.px-24{padding-left:24px;padding-right:24px}.py-2{padding-top:2px;padding-bottom:2px}.py-12{padding-top:12px;padding-bottom:12px}.py-16{padding-top:16px;padding-bottom:16px}.pl-32{padding-left:32px}.pl-34{padding-left:34px}.pl-36{padding-left:36px}.pr-44{padding-right:44px}.pb-6{padding-bottom:6px}.w-full{width:100%}.h-full{height:100%}.w-6{width:6px}.w-8{width:8px}.w-180{width:180px}.h-5{height:5px}.h-6{height:6px}.h-8{height:8px}.h-12{height:12px}.h-15{height:15px}.h-16{height:16px}.h-14{height:14px}.h-20{height:20px}.h-28{height:28px}.h-38{height:38px}.h-44{height:44px}.h-50{height:50px}.h-80{height:80px}.h-180{height:180px}.h-200{height:200px}.h-240{height:240px}.h-260{height:260px}.h-300{height:300px}.w-80{width:80px}.min-h-60vh{min-height:60vh}.min-h-250{min-height:250px}.min-w-180{min-width:180px}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-y-auto{overflow-y:auto}.text-8{font-size:8px}.text-10{font-size:10px}.text-11{font-size:11px}.text-12{font-size:12px}.text-13{font-size:13px}.text-14{font-size:14px}.text-15{font-size:15px}.text-16{font-size:16px}.text-24{font-size:24px}.text-28{font-size:28px}.fw-500{font-weight:500}.fw-600{font-weight:600}.fw-700{font-weight:700}.fw-800{font-weight:800}.ls-tight{letter-spacing:-.02em}.ls-wide{letter-spacing:.05em}.lh-1{line-height:1}.lh-15{line-height:1.5}.br-circle{border-radius:50%}.border{border:1px solid var(--gray-200)}.border-t{border-top:1px solid var(--gray-200)}.border-b{border-bottom:1px solid var(--gray-200)}.border-none{border:none}.border-gray-200{border:1px solid var(--gray-200)}.border-gray-100{border-color:var(--gray-100)}.border-gray-50{border-color:var(--gray-50, #f8fafc)}.border-gray-300{border-color:var(--gray-300)}.border-gray-800{border-color:var(--gray-800, #1f2937)}.border-indigo-200{border-color:#c7d2fe}.border-indigo-500{border-color:#6366f1}.border-purple-100{border-color:#f3e8ff}.border-purple-200{border-color:#e9d5ff}.border-sky-200{border-color:#bae6fd}.border-violet-100{border-color:#ede9fe}.border-white{border-color:#fff}.border-transparent{border-color:transparent}.border-t-transparent{border-top-color:transparent}.border-b-amber-100{border-bottom-color:#fef3c7}.border-b-rose-100{border-bottom-color:#ffe4e6}.border-2{border-width:2px}.border-4{border-width:4px}.border-b-2{border-bottom-width:2px}.border-indigo-100{border-color:#e0e7ff}.border-emerald-100{border-color:#d1fae5}.border-emerald-200{border-color:#a7f3d0}.border-emerald-400{border-color:#34d399}.border-emerald-500{border-color:var(--accent)}.border-rose-100{border-color:#ffe4e6}.border-rose-200{border-color:#fecdd3}.border-rose-300{border-color:#fda4af}.border-primary-200{border-color:#a7f3d0}.border-b-gray-50{border-bottom:1px solid var(--gray-50)}.border-b-gray-100{border-bottom:1px solid var(--gray-100)}.border-t-gray-50{border-top:1px solid var(--gray-50)}.border-t-gray-100{border-top:1px solid var(--gray-100)}.bg-emerald-50{background:#ecfdf5}.bg-primary-50{background:var(--primary-50)}.border-primary-400{border-color:#34d399}.text-primary-700{color:var(--primary-700)}.bg-emerald-100{background:#d1fae5}.bg-emerald-400{background:#34d399}.bg-emerald-500{background:var(--accent)}.bg-emerald-600{background:#059669}.bg-emerald-700{background:#047857}.bg-indigo-50{background:#eef2ff}.bg-amber-50{background:#fffbeb}.bg-amber-100{background:#fef3c7}.bg-amber-500{background:#f59e0b}.bg-amber-600{background:#d97706}.bg-amber-700{background:#b45309}.bg-rose-50{background:#fff1f2}.bg-rose-100{background:#ffe4e6}.bg-rose-500{background:#f43f5e}.bg-rose-600{background:#e11d48}.bg-rose-700{background:#be123c}.bg-rose-900{background:#881337}.bg-rose-900\/20{background:#88133733}.bg-gray-300{background:var(--gray-300)}.bg-gray-900{background:var(--gray-900, #111827)}.bg-gray-900\/60{background:#11182799}.bg-indigo-400{background:#818cf8}.bg-indigo-500{background:#6366f1}.bg-indigo-600{background:#4f46e5}.bg-orange-50{background:#fff7ed}.bg-purple-50{background:#faf5ff}.bg-sky-50{background:#f0f9ff}.bg-transparent{background:transparent}.bg-violet-50{background:#f5f3ff}.bg-violet-100{background:#ede9fe}.bg-white\/90{background:#ffffffe6}.text-emerald-50{color:#ecfdf5}.text-emerald-100{color:#d1fae5}.text-emerald-150{color:#baf3e0}.text-emerald-200{color:#a7f3d0}.text-emerald-250{color:#8fecc4}.text-emerald-300{color:#6ee7b7}.text-emerald-400{color:#34d399}.text-emerald-500{color:#10b981}.text-emerald-600,.text-emerald-700{color:#047857}.text-emerald-800{color:#065f46}.text-emerald-900{color:#064e3b}.text-indigo-600{color:#4f46e5}.text-amber-500{color:#f59e0b}.text-amber-600{color:#a3550a}.text-rose-300{color:#fda4af}.text-rose-400{color:#fb7185}.text-rose-500{color:#f43f5e}.text-rose-600{color:#e11d48}.text-rose-700{color:#be123c}.text-white{color:#fff}.inset-0{top:0;right:0;bottom:0;left:0}.bg-black\/50{background:#00000080}.bg-white\/20{background:#fff3}.text-gray-200{color:var(--gray-200)}.text-gray-300{color:var(--gray-300)}.text-gray-400{color:var(--gray-400)}.text-gray-500{color:var(--gray-500)}.span-12{grid-column:span 12}.span-9{grid-column:span 9}.span-8{grid-column:span 8}.span-7{grid-column:span 7}.span-6{grid-column:span 6}.span-5{grid-column:span 5}.span-4{grid-column:span 4}.span-3{grid-column:span 3}.span-2{grid-column:span 2}.span-1{grid-column:span 1}.col-span-12{grid-column:span 12 / span 12}.col-span-9{grid-column:span 9 / span 9}.col-span-8{grid-column:span 8 / span 8}.col-span-4{grid-column:span 4 / span 4}.col-span-3{grid-column:span 3 / span 3}.top-0{top:0}.top-half{top:50%}.z-10{z-index:10}.z-20{z-index:20}.translate-y-half,.-translate-y-half{transform:translateY(-50%)}.left-8{left:8px}.left-10{left:10px}.left-12{left:12px}.left-14{left:14px}.right-8{right:8px}.right-10{right:10px}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-through{text-decoration:line-through}.grid{display:grid}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.h-140{height:140px}.h-400{height:400px}.min-h-400{min-height:400px}.bg-skeleton{background:var(--gray-50)}.p-8{padding:8px}.p-16{padding:16px}.p-20{padding:20px}.p-32{padding:32px}.p-64{padding:64px}.px-8{padding-left:8px;padding-right:8px}.px-6{padding-left:6px;padding-right:6px}.px-12{padding-left:12px;padding-right:12px}.px-16{padding-left:16px;padding-right:16px}.px-20{padding-left:20px;padding-right:20px}.py-6{padding-top:6px;padding-bottom:6px}.py-8{padding-top:8px;padding-bottom:8px}.py-10{padding-top:10px;padding-bottom:10px}.py-32{padding-top:32px;padding-bottom:32px}.py-48{padding-top:48px;padding-bottom:48px}.py-64{padding-top:64px;padding-bottom:64px}.w-14{width:14px}.w-16{width:16px}.w-24{width:24px}.w-28{width:28px}.w-32{width:32px}.w-36{width:36px}.w-auto{width:auto}.w-40{width:40px}.w-44{width:44px}.w-48{width:48px}.w-64{width:64px}.w-100{width:100px}.w-160{width:160px}.w-200{width:200px}.h-24{height:24px}.h-48{height:48px}.h-32{height:32px}.h-36{height:36px}.h-40{height:40px}.h-64{height:64px}.h-88{height:88px}.h-120{height:120px}.h-13{height:13px}.h-18{height:18px}.h-26{height:26px}.h-30{height:30px}.h-34{height:34px}.h-42{height:42px}.h-46{height:46px}.h-52{height:52px}.h-160{height:160px}.h-280{height:280px}.h-320{height:320px}.w-12{width:12px}.w-18{width:18px}.w-20{width:20px}.w-26{width:26px}.w-30{width:30px}.w-34{width:34px}.w-52{width:52px}.w-60{width:60px}.w-72{width:72px}.w-130{width:130px}.min-h-28{min-height:28px}.max-h-240{max-height:240px}.max-h-300{max-height:300px}.max-w-380{max-width:380px}.max-w-900{max-width:900px}.object-cover{object-fit:cover}.bg-gray-50{background:var(--gray-50, #f8fafc)}.bg-gray-50\/30{background:#f8fafc4d}.bg-gray-50\/40{background:#f8fafc66}.bg-gray-50\/50{background:#f8fafc80}.bg-emerald-50\/10{background:#ecfdf51a}.bg-emerald-50\/20{background:#ecfdf533}.ls-05{letter-spacing:.05em}.ls-wider{letter-spacing:.1em}.lh-16{line-height:1.6}.hover-bg-gray-50:hover{background:var(--gray-50)}.hover-bg-gray-100:hover{background:var(--gray-100)}.hover-bg-white:hover{background:#fff}.hover-bg-amber-50:hover{background:#fffbeb}.hover-bg-amber-100:hover{background:#fef3c7}.hover-bg-amber-700:hover{background:#b45309}.hover-bg-emerald-50:hover{background:#ecfdf5}.hover-bg-emerald-700:hover{background:#047857}.hover-bg-indigo-50:hover{background:#eef2ff}.hover-bg-rose-50:hover{background:#fff1f2}.hover-bg-rose-700:hover{background:#be123c}.hover-bg-black:hover{background:#000}.hover-bg-indigo-700:hover{background:#4338ca}.hover-text-primary-700:hover{color:var(--primary-700, var(--primary))}.hover-border-amber-200:hover{border-color:#fde68a}.hover-border-emerald-200:hover{border-color:#a7f3d0}.hover-border-rose-200:hover{border-color:#fecdd3}.hover-border-gray-200:hover{border-color:var(--gray-200)}.hover-border-gray-300:hover{border-color:var(--gray-300)}.hover-border-gray-400:hover{border-color:var(--gray-400)}.hover-border-emerald-400:hover{border-color:#34d399}.hover-text-emerald-600:hover{color:#059669}.hover-text-emerald-700:hover{color:#047857}.hover-text-rose-500:hover{color:#f43f5e}.hover-text-rose-600:hover{color:#e11d48}.hover-text-red-600:hover{color:var(--red-600, #dc2626)}.hover-text-red-500:hover{color:#ef4444}.hover-text-red-700:hover{color:var(--red-700, #b91c1c)}.hover-text-gray-600:hover{color:var(--gray-600, #4b5563)}.hover-text-gray-700:hover{color:var(--gray-700, #374151)}.hover-underline:hover{text-decoration:underline}.hover-no-underline:hover{text-decoration:none}.hover-opacity-90:hover{opacity:.9}.group:hover .group-hover-bg-white{background:#fff}.group:hover .group-hover-opacity-100{opacity:1}.group:hover .group-hover-opacity-20{opacity:.2}.group:hover .group-hover-text-emerald-700{color:#047857}.last-border-none:last-child{border-bottom:none}.line-clamp-1{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.col-span-full{grid-column:1 / -1}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.min-w-0{min-width:0}.tabular-nums{font-variant-numeric:tabular-nums}.transition-all{transition:all var(--transition)}.transition-colors{transition:color var(--transition),background-color var(--transition),border-color var(--transition),fill var(--transition),stroke var(--transition)}.py-14{padding-top:14px;padding-bottom:14px}.-top-8{top:-8px}.-right-8{right:-8px}.-bottom-6{bottom:-6px}.-right-6{right:-6px}.p-4{padding:4px}.rounded-full{border-radius:9999px}.bg-white{background:#fff}.bg-gray-100{background:var(--gray-100)}.cursor-pointer{cursor:pointer}.text-primary{color:var(--primary)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-right{text-align:right}.text-center{text-align:center}.text-gray-600{color:var(--gray-600, #4b5563)}.text-gray-700{color:var(--gray-700, #374151)}.text-gray-800{color:var(--gray-800, #1f2937)}.text-gray-900{color:var(--gray-900)}.text-red-400{color:#f87171}.text-red-500{color:#ef4444}.text-red-600{color:var(--red-600, #dc2626)}.border-red-400{border-color:#f87171}.text-green-500{color:#22c55e}.text-green-600{color:var(--green-600, #16a34a)}.text-green-700{color:var(--green-700, #15803d)}.text-green-800{color:#166534}.text-blue-500{color:#2563eb}.text-blue-600{color:var(--blue-600, #2563eb)}.text-blue-700{color:var(--blue-700, #1d4ed8)}.text-blue-800{color:#1e40af}.text-blue-900{color:#1e3a8a}.bg-blue-50{background:var(--blue-50, #eff6ff)}.border-blue-100{border-color:var(--blue-100, #dbeafe)}.border-blue-200{border-color:#bfdbfe}.text-purple-500{color:#a855f7}.text-purple-600{color:#9333ea}.text-purple-700{color:#7e22ce}.text-teal-600{color:#0d9488}.text-indigo-400{color:#818cf8}.text-indigo-500{color:#6366f1}.text-indigo-700{color:#4338ca}.text-indigo-800{color:#3730a3}.text-orange-600{color:#ea580c}.text-primary-600{color:var(--primary-600, var(--primary))}.text-red-700{color:var(--red-700, #b91c1c)}.text-red-800{color:#991b1b}.text-sky-700{color:#0369a1}.text-violet-600{color:#7c3aed}.text-violet-700{color:#6d28d9}.text-amber-400{color:#fbbf24}.text-amber-700{color:#b45309}.text-amber-800{color:#92400e}.text-amber-900{color:#78350f}.text-danger{color:var(--danger)}.font-semibold{font-weight:600}.font-medium{font-weight:500}.flex-1{flex:1}.flex-2{flex:2}.flex-shrink-0,.shrink-0{flex-shrink:0}.w-56{width:56px}.h-56{height:56px}.w-120{width:120px}.w-140{width:140px}.max-w-640{max-width:640px}.col-span-2{grid-column:span 2 / span 2}.border-dashed{border-style:dashed}.bg-green-50{background:var(--green-50, #f0fdf4)}.bg-green-500{background:#22c55e}.border-green-200{border-color:#bbf7d0}.bg-red-50{background:var(--red-50, #fef2f2)}.border-red-200{border-color:#fecaca}.text-sky-600{color:#0284c7}.border-amber-100{border-color:#fef3c7}.border-amber-200{border-color:#fde68a}.border-amber-400{border-color:#fbbf24}.border-t-2{border-top:2px solid var(--gray-200)}.min-w-200{min-width:200px}.rotate-180{transform:rotate(180deg)}.mr-4{margin-right:4px}.ml-4{margin-left:4px}.mb-0{margin-bottom:0!important}.mt-2{margin-top:2px}.opacity-0{opacity:0}.opacity-20{opacity:.2}.opacity-30{opacity:.3}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-100{opacity:1}.translate-x-0{transform:translate(0)}.translate-x-2{transform:translate(2px)}.translate-x-4{transform:translate(4px)}.-translate-x-4{transform:translate(-4px)}.translate-x-18{transform:translate(18px)}.translate-x-20{transform:translate(20px)}.translate-x-22{transform:translate(22px)}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.break-all{word-break:break-all}.leading-relaxed{line-height:1.625}.font-mono{font-family:ui-monospace,SFMono-Regular,Cascadia Code,Fira Code,monospace}.tracking-widest{letter-spacing:.15em}.uppercase{text-transform:uppercase}.pointer-events-none{pointer-events:none}.cursor-default{cursor:default}.cursor-help{cursor:help}.right-14{right:14px}.max-w-160{max-width:160px}.max-w-200{max-width:200px}.max-w-220{max-width:220px}.max-w-260{max-width:260px}.max-w-280{max-width:280px}.max-w-300{max-width:300px}.max-w-400{max-width:400px}.max-w-360{max-width:360px}.max-w-420{max-width:420px}.max-w-440{max-width:440px}.max-w-460{max-width:460px}.max-w-480{max-width:480px}.max-w-520{max-width:520px}.max-w-540{max-width:540px}.max-w-600{max-width:600px}.max-w-680{max-width:680px}.max-w-560{max-width:560px}.max-w-720{max-width:720px}.max-h-120{max-height:120px}.max-h-360{max-height:360px}.min-w-220{min-width:220px}.grid-cols-2{display:grid;grid-template-columns:repeat(2,1fr)}.grid-cols-3{display:grid;grid-template-columns:repeat(3,1fr)}.grid-cols-4{display:grid;grid-template-columns:repeat(4,1fr)}.grid-cols-5{display:grid;grid-template-columns:repeat(5,1fr)}.grid-auto-fill-300{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.grid-auto-fill-220{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.grid-auto-fill-180{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.hidden{display:none}.block{display:block}.inline-flex{display:inline-flex}.ml-auto{margin-left:auto}.mr-auto{margin-right:auto}.mx-auto{margin-left:auto;margin-right:auto}.max-w-240{max-width:240px}.max-w-320{max-width:320px}.max-h-200{max-height:200px}.min-w-90{min-width:90px}.min-w-150{min-width:150px}.min-w-160{min-width:160px}.aspect-16-9{aspect-ratio:16 / 9}.text-20{font-size:20px}.text-22{font-size:22px}.text-26{font-size:26px}.text-9{font-size:9px}.text-18{font-size:18px}.text-30{font-size:30px}.text-32{font-size:32px}.text-48{font-size:48px}.fw-400{font-weight:400}.fw-monospace{font-family:ui-monospace,SFMono-Regular,Cascadia Code,Fira Code,monospace}.text-left{text-align:left}.italic{font-style:italic}.lh-17{line-height:1.7}.py-4{padding-top:4px;padding-bottom:4px}.pt-12{padding-top:12px}.py-20{padding-top:20px;padding-bottom:20px}.py-40{padding-top:40px;padding-bottom:40px}.animate-spin{animation:spin 1s linear infinite}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.redesign-scope{animation:fade-in-up .4s ease-out}@media(max-width:1024px){.dashboard-main-grid{grid-template-columns:1fr!important;gap:20px!important}.dashboard-content-left,.dashboard-content-right{grid-column:span 12!important}}@media(max-width:640px){.hide-mobile{display:none}.search-input-container{width:100%}.search-input-container .input{width:100%!important}}.bg-gradient-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.btn-white-text{background:#fff;color:#374151}.btn-white-danger{background:#fff;color:#ef4444}.pl-38{padding-left:38px}.min-h-80{min-height:80px}.resize-vertical{resize:vertical}.w-150{width:150px}.w-240{width:240px}.pb-2{padding-bottom:2px}.bg-gray-200{background:var(--gray-200, #e5e7eb)}.br-3,.br-4,.br-6,.br-8{border-radius:var(--radius)}.br-10,.br-12,.br-14{border-radius:var(--radius-lg)}.br-16,.br-20{border-radius:var(--radius-xl)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg,.shadow-xl{box-shadow:var(--shadow-lg)}.shadow-inner{box-shadow:inset 0 2px 4px #0000000f}.p-2{padding:2px}.p-10{padding:10px}.p-12{padding:12px}.px-2{padding-left:2px;padding-right:2px}.px-3{padding-left:3px;padding-right:3px}.px-4{padding-left:4px;padding-right:4px}.px-7{padding-left:7px;padding-right:7px}.px-14{padding-left:14px;padding-right:14px}.py-1{padding-top:1px;padding-bottom:1px}.py-3{padding-top:3px;padding-bottom:3px}.py-5{padding-top:5px;padding-bottom:5px}.py-13{padding-top:13px;padding-bottom:13px}.py-24{padding-top:24px;padding-bottom:24px}.py-56{padding-top:56px;padding-bottom:56px}.py-80{padding-top:80px;padding-bottom:80px}.pt-2{padding-top:2px}.pt-4{padding-top:4px}.pt-8{padding-top:8px}.pt-10{padding-top:10px}.pt-14{padding-top:14px}.pt-16{padding-top:16px}.pt-20{padding-top:20px}.pt-24{padding-top:24px}.pb-4{padding-bottom:4px}.pb-8{padding-bottom:8px}.pb-12{padding-bottom:12px}.pb-16{padding-bottom:16px}.pb-24{padding-bottom:24px}.pb-32{padding-bottom:32px}.pl-8{padding-left:8px}.pl-12{padding-left:12px}.pl-16{padding-left:16px}.pl-19{padding-left:19px}.pl-20{padding-left:20px}.pl-30{padding-left:30px}.pl-40{padding-left:40px}.pl-44{padding-left:44px}.pr-48{padding-right:48px}.select-none{-webkit-user-select:none;user-select:none}.overflow-x-auto{overflow-x:auto}.object-contain{object-fit:contain}.w-fit{width:fit-content}.self-start{align-self:flex-start}.self-end{align-self:flex-end}.transition-opacity{transition:opacity var(--transition)}.right-0{right:0}.right-16{right:16px}.left-0{left:0}.bottom-14{bottom:14px}.bottom-16{bottom:16px}.top-8{top:8px}.top-full{top:100%}.capitalize{text-transform:capitalize}.cursor-not-allowed{cursor:not-allowed}.divide-y>*+*{border-top:1px solid var(--gray-200)}.divide-gray-50>*+*{border-top-color:var(--gray-50, #f8fafc)}.inline{display:inline}.inline-block{display:inline-block}.d-block{display:block}.leading-none{line-height:1}.leading-tight{line-height:1.25}.list-disc{list-style:disc;padding-left:20px}.normal-case{text-transform:none}.opacity-75{opacity:.75}.align-top{vertical-align:top}.tracking-tighter{letter-spacing:-.05em}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.underline{text-decoration:underline}.shadow-2xl{box-shadow:0 25px 50px -12px #00000040}.rounded{border-radius:var(--radius)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.max-w-lg{max-width:32rem}.max-w-sm{max-width:24rem}.max-w-xs{max-width:20rem}.max-h-480{max-height:480px}.mx-8{margin-left:8px;margin-right:8px}.my-2{margin-top:2px;margin-bottom:2px}.mx-24{margin-left:24px;margin-right:24px}.space-y-4>*+*{margin-top:4px}.space-y-12>*+*{margin-top:12px}.space-y-1\.5>*+*{margin-top:6px}.br-full{border-radius:9999px}.z-50{z-index:50}.-mt-4{margin-top:-4px}.-right-4{right:-4px}.-top-4{top:-4px}.spin{animation:spin 1s linear infinite}.hover\:bg-gray-50:hover{background:var(--gray-50)}.hover\:bg-gray-100:hover{background:var(--gray-100)}.hover\:bg-purple-50:hover{background:#faf5ff}.hover\:bg-red-50:hover{background:var(--red-50, #fef2f2)}.hover\:border-emerald-200:hover{border-color:#a7f3d0}.hover\:border-emerald-400:hover{border-color:#34d399}.hover\:border-gray-200:hover{border-color:var(--gray-200)}.hover\:border-indigo-400:hover{border-color:#818cf8}.hover\:shadow-sm:hover{box-shadow:var(--shadow-sm)}.hover\:text-emerald-600:hover{color:#059669}.hover\:text-gray-500:hover{color:var(--gray-500)}.hover\:text-gray-600:hover{color:var(--gray-600, #4b5563)}.hover\:text-gray-700:hover{color:var(--gray-700, #374151)}.hover\:text-gray-900:hover{color:var(--gray-900, #111827)}.hover\:text-indigo-700:hover{color:#4338ca}.hover\:text-purple-700:hover{color:#7e22ce}.hover\:text-rose-500:hover{color:#f43f5e}.hover\:underline:hover{text-decoration:underline}.focus\:ring-rose-200:focus{box-shadow:0 0 0 3px #fecdd3}.group:hover .group-hover\:text-emerald-500{color:#10b981}.last\:border-0:last-child{border-width:0}.last\:border-none:last-child{border:none}.card-footer{padding:16px 20px;border-top:1px solid var(--gray-100)}tr.is-active,tr.is-active:hover{background:var(--primary-light)}.loading-spinner,.loading-center{display:flex;align-items:center;justify-content:center;padding:48px}.loading-xs{padding:0;gap:4px;font-size:12px}.page-empty,.page-empty-state{text-align:center;padding:56px 24px;color:var(--gray-500);font-size:14px}.form-error{color:#b91c1c;font-size:12px}.alert-warning{background:#fffbeb;color:#92400e;border:1px solid #fde68a}.btn-block{width:100%}.btn-link{background:transparent;border:none;padding:0;color:var(--primary)}.btn-xs{padding:3px 8px;font-size:11px;border-radius:var(--radius)}.modal-lg{max-width:720px}.slide-over{background:#fff;border-radius:var(--radius-xl);box-shadow:0 24px 64px #0f172a33,0 8px 24px #0f172a1a;width:100%;max-width:560px;max-height:90vh;overflow-y:auto;border:1px solid rgba(226,232,240,.7)}.slide-over-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--gray-100)}.slide-over-title{font-size:16px;font-weight:600;color:var(--gray-900);letter-spacing:-.2px}.slide-over-body{padding:20px 24px}.table-sm thead th{padding:6px 10px}.table-sm tbody td{padding:7px 10px}@media(max-width:640px){.hidden-mobile{display:none}}.servis-detail-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:16px;align-items:start}@media(max-width:1100px){.servis-detail-grid{grid-template-columns:minmax(0,1fr)}}.servis-detail-list{display:grid;grid-template-columns:140px minmax(0,1fr);gap:10px 16px;margin:0}.servis-detail-list dt{font-size:12px;font-weight:600;color:var(--muted)}.servis-detail-list dd{margin:0;font-size:13.5px;color:var(--gray-800);min-width:0;overflow-wrap:anywhere}@media(max-width:640px){.servis-detail-list{grid-template-columns:minmax(0,1fr);gap:4px 0}.servis-detail-list dd{margin-bottom:8px}}.servis-detail-map{height:320px;width:100%;border-radius:var(--radius);overflow:hidden}.servis-estimate-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;padding-top:16px;border-top:1px solid var(--border)}.servis-detail-map-sm{height:220px}.servis-job-photo{max-width:100%;border-radius:var(--radius);border:1px solid var(--border)}.servis-job-photo-group+.servis-job-photo-group{margin-top:16px}.servis-job-photo-kind{margin:0 0 8px;font-size:13px;font-weight:600;color:var(--text-muted, #6b7280)}.servis-job-photos{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}.servis-job-photos img{width:100%;height:110px;object-fit:cover;display:block;border-radius:var(--radius);border:1px solid var(--border)}.servis-timeline{list-style:none;margin:0;padding:0}.servis-timeline li{position:relative;display:grid;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 0;color:var(--muted);font-size:13px}.servis-timeline li:before{content:"";position:absolute;left:8px;top:26px;bottom:-8px;width:1px;background:var(--border)}.servis-timeline li:last-child:before{display:none}.servis-timeline li.is-done{color:var(--gray-800)}.servis-timeline li.is-done svg{color:var(--primary)}.servis-timeline-label{font-weight:500}.servis-timeline-time{font-size:12px;color:var(--muted);white-space:nowrap}.servis-helper-list{list-style:none;margin:0;padding:0}.servis-helper-list li{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 0;border-bottom:1px solid var(--border);font-size:13px}.servis-helper-list li:last-child{border-bottom:none}.servis-map-grid{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,1fr);gap:16px;align-items:start}@media(max-width:1100px){.servis-map-grid{grid-template-columns:minmax(0,1fr)}}.servis-tracker-map{height:560px;width:100%;border-radius:var(--radius);overflow:hidden}@media(max-width:1100px){.servis-tracker-map{height:380px}}.servis-map-legend{display:flex;flex-wrap:wrap;gap:16px;margin-top:12px;font-size:12px;color:var(--muted)}.servis-map-legend span{display:inline-flex;align-items:center;gap:6px}.servis-dot{width:10px;height:10px;border-radius:50%;display:inline-block;border:2px solid}.servis-dot-working{background:#2563eb;border-color:#fff}.servis-dot-idle{background:#059669;border-color:#fff}.servis-dot-stale{background:#64748b;border-color:#fff}.servis-tech-list{list-style:none;margin:0;padding:0}.servis-tech-list li{display:flex;flex-direction:column;gap:4px;padding:10px 8px;border-bottom:1px solid var(--border);cursor:pointer;border-radius:var(--radius)}.servis-tech-list li:last-child{border-bottom:none}.servis-tech-list li:hover{background:var(--surface-subtle)}.servis-tech-list li.is-selected{background:var(--primary-50);box-shadow:inset 3px 0 0 var(--primary)}.servis-tech-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.servis-tech-name{font-size:13.5px;font-weight:600;color:var(--gray-800)}.servis-print-toolbar{display:flex;align-items:center;gap:8px;margin-bottom:16px;flex-wrap:wrap}.servis-print-page{background:#fff;color:#1f2937;max-width:820px;margin:0 auto;padding:32px 36px;border:1px solid var(--border);border-radius:var(--radius)}.servis-print-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;border-bottom:3px solid #1f2937;padding-bottom:10px}.servis-print-title{font-size:18px;font-weight:800;letter-spacing:-.3px}.servis-print-org{font-size:12px;color:#6b7280;margin-top:2px}.servis-print-meta{text-align:right;font-size:12px;color:#6b7280}.servis-print-meta strong{color:#1f2937;font-size:13px}.servis-print-status{display:inline-block;margin-top:4px;padding:2px 10px;background:#1f2937;color:#fff;border-radius:12px;font-size:11px;font-weight:600;print-color-adjust:exact;-webkit-print-color-adjust:exact}.servis-print-section{font-size:13px;font-weight:700;margin:20px 0 6px;padding-bottom:3px;border-bottom:2px solid #e5e7eb;break-after:avoid;page-break-after:avoid}.servis-print-table{width:100%;border-collapse:collapse;font-size:12.5px}.servis-print-table td,.servis-print-table th{padding:4px 8px;vertical-align:top;text-align:left;color:#1f2937;background:transparent}.servis-print-table th.servis-print-label{width:170px;color:#6b7280;font-weight:600}.servis-print-grid th{border-bottom:1px solid #d1d5db;font-weight:700;color:#1f2937;background:transparent}.servis-print-grid td{border-bottom:1px solid #f3f4f6}.servis-print-photos{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}.servis-print-photos figure{margin:0;break-inside:avoid;page-break-inside:avoid}.servis-print-photos img{width:100%;height:130px;object-fit:cover;border:1px solid #e5e7eb;border-radius:4px}.servis-print-photos figcaption{font-size:10px;color:#6b7280;margin-top:2px}.servis-print-sign{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin-top:40px;break-inside:avoid;page-break-inside:avoid}.servis-print-sign-role{font-size:12px;color:#6b7280}.servis-print-sign-line{height:56px;border-bottom:1px solid #9ca3af}.servis-print-sign-name{font-size:12.5px;font-weight:600;margin-top:4px}@media print{html body,html[data-tema] body{background:#fff!important}body *{visibility:hidden}.servis-print,.servis-print *{visibility:visible}.servis-print{position:absolute;left:0;top:0;width:100%}.servis-print-toolbar{display:none!important}.servis-print-page{max-width:100%;margin:0;padding:0;border:none;border-radius:0}@page{margin:14mm}}.servis-dash-jobs{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}.servis-dash-job{display:block;padding:12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--gray-50, #f8fafc);transition:border-color .15s,transform .15s}.servis-dash-job:hover{border-color:var(--primary);transform:translateY(-1px)}.servis-avatar{width:22px;height:22px;border-radius:50%;object-fit:cover;border:1px solid var(--border);flex-shrink:0}.servis-avatar-lg{width:52px;height:52px;border-radius:50%;object-fit:cover;border:2px solid var(--border);flex-shrink:0}[data-tema=warm-sand]{--sand-bg: #eee7dc;--sand-dark: #c8beaf;--sand-light: #ffffff;--sand-text: #3c3228;--sand-muted: #6d6257;--primary: #a24b08;--primary-600: #a24b08;--primary-hover: #92400e;--primary-700: #92400e;--primary-50: #f7f0e6;--primary-100: #efe3d2;--primary-300: #dcae7a;--primary-light: #f7f0e6;--primary-rgb: 162, 75, 8;--accent: #a24b08;--accent-rgb: 162, 75, 8;--accent-dark: #7c2d12;--sb-bg: #eee7dc;--sb-surface-2: #e5dccd;--sb-text: #6d6257;--sb-text-strong: #3c3228;--sb-border: transparent;--sb-hover-bg: rgba(0, 0, 0, .04);--sb-active-bg: rgba(0, 0, 0, .05);--neu-raised: 8px 8px 16px var(--sand-dark), -8px -8px 16px var(--sand-light);--neu-raised-sm: 4px 4px 8px var(--sand-dark), -4px -4px 8px var(--sand-light);--neu-inset: inset 4px 4px 8px var(--sand-dark), inset -4px -4px 8px var(--sand-light)}[data-tema=warm-sand] body{background:var(--sand-bg);color:var(--sand-text);font-family:Plus Jakarta Sans,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}[data-tema=warm-sand] .card{background:var(--sand-bg)!important;border:none!important;border-radius:20px!important;box-shadow:var(--neu-raised)!important}[data-tema=warm-sand] .sidebar,[data-tema=warm-sand] .topbar{background:var(--sand-bg)!important;border:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:var(--neu-raised)!important}[data-tema=warm-sand] .sidebar{top:12px;left:12px;bottom:12px;border-radius:20px}[data-tema=warm-sand] .main{margin-left:calc(var(--sidebar-w) + 12px)}@media(max-width:768px){[data-tema=warm-sand] .main{margin-left:0}[data-tema=warm-sand] .sidebar{top:0;left:0;bottom:0;border-radius:0}}[data-tema=warm-sand] .btn{background:var(--sand-bg)!important;border:none!important;border-radius:14px!important;box-shadow:var(--neu-raised-sm)!important;color:var(--sand-text)!important}[data-tema=warm-sand] .btn:hover:not(:disabled){box-shadow:var(--neu-raised)!important;transform:translateY(-1px)}[data-tema=warm-sand] .btn:active:not(:disabled){box-shadow:var(--neu-inset)!important;transform:translateY(1px)}[data-tema=warm-sand] .btn-primary{background:linear-gradient(135deg,#a24b08,#d97706)!important;color:#fff!important}[data-tema=warm-sand] .btn:disabled{box-shadow:var(--neu-inset)!important;opacity:.55;transform:none}[data-tema=warm-sand] .input,[data-tema=warm-sand] select.input,[data-tema=warm-sand] textarea.input{background:var(--sand-bg)!important;border:none!important;border-radius:12px!important;box-shadow:var(--neu-inset)!important;color:var(--sand-text)!important}[data-tema=warm-sand] .input:focus{box-shadow:var(--neu-inset),0 0 0 2px var(--primary)!important}[data-tema=warm-sand] thead th{background:transparent!important;color:var(--sand-muted)!important;border:none!important}[data-tema=warm-sand] tbody td{border-bottom:1px solid rgba(0,0,0,.05)!important}[data-tema=warm-sand] .hover-bg-gray-50:hover{background:#00000006!important}[data-tema=warm-sand] thead th.sticky{background:var(--sand-bg)!important;box-shadow:inset 0 -1px #00000014!important}[data-tema=warm-sand] tbody td.sticky{background:var(--sand-bg)!important}[data-tema=warm-sand] .badge{border-radius:10px!important;border:none!important;box-shadow:var(--neu-raised-sm)!important}[data-tema=warm-sand] .badge-danger,[data-tema=warm-sand] .badge-warning,[data-tema=warm-sand] .badge-success,[data-tema=warm-sand] .badge-error{box-shadow:none!important}[data-tema=warm-sand] .nav-icon-box{border-radius:10px!important;box-shadow:var(--neu-raised-sm)!important;background:var(--sand-bg)!important}[data-tema=warm-sand] .sidebar-section{border:none!important}[data-tema=warm-sand] .tenant-switcher-trigger{border:none!important;border-radius:14px!important;box-shadow:var(--neu-inset)!important;background:var(--sand-bg)!important}@media(prefers-contrast:more){[data-tema=warm-sand] .card,[data-tema=warm-sand] .btn,[data-tema=warm-sand] .input,[data-tema=warm-sand] .badge{border:1px solid rgba(60,50,40,.35)!important}}@media(prefers-reduced-motion:reduce){[data-tema=warm-sand] .btn:hover:not(:disabled),[data-tema=warm-sand] .btn:active:not(:disabled){transform:none}}.dm-sakelar{display:inline-flex;background:var(--gray-100, #f1f5f9);border-radius:10px;padding:3px;gap:2px}.dm-sakelar button{border:none;background:transparent;font:inherit;font-size:12.5px;font-weight:700;color:var(--gray-500, #64748b);padding:7px 14px;border-radius:8px;cursor:pointer}.dm-sakelar button.aktif{background:#fff;color:var(--primary);box-shadow:0 1px 3px #0000001a}.dm-alur{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--gray-200, #e2e8f0);border-radius:12px;overflow:hidden}@media(max-width:900px){.dm-alur{grid-template-columns:repeat(2,1fr)}}.dm-tahap{background:#fff;padding:15px 16px 17px}.dm-tahap.sorot{box-shadow:inset 0 3px 0 var(--accent)}.dm-tahap-bagian{font-size:9.5px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--gray-400, #94a3b8)}.dm-tahap-nama{font-size:12.5px;font-weight:700;margin-top:3px}.dm-tahap-angka{font-size:30px;font-weight:800;line-height:1.1;margin-top:6px;font-variant-numeric:tabular-nums;color:var(--primary)}.dm-tahap-ket{font-size:11px;color:var(--gray-500, #64748b);margin-top:4px;line-height:1.45}.dm-kosong{background:#fff;border:1px dashed var(--gray-300, #cbd5e1);border-radius:12px;padding:26px 20px;text-align:center}.dm-kosong-judul{font-size:13.5px;font-weight:700}.dm-kosong-ket{font-size:12px;color:var(--gray-500, #64748b);margin-top:5px;line-height:1.55}.dm-tiga{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:14px}@media(max-width:1200px){.dm-tiga{grid-template-columns:1fr}}.dm-kepala{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.dm-judul{font-size:13.5px;font-weight:800}.dm-sub{font-size:11.5px;color:var(--gray-500, #64748b);margin-top:2px}.dm-bagian+.dm-bagian{margin-top:13px}.dm-bagian-atas{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.dm-bagian-nama{font-size:12.5px;font-weight:700}.dm-bagian-angka{font-size:13px;font-weight:800;font-variant-numeric:tabular-nums}.dm-bar{height:6px;border-radius:99px;background:var(--gray-200, #e2e8f0);margin-top:6px;overflow:hidden}.dm-bar>i{display:block;height:100%;border-radius:99px;background:var(--accent)}.dm-bar.kurang>i{background:var(--warning, #d97706)}.dm-pil{display:inline-block;font-size:10.5px;font-weight:700;padding:2px 8px;border-radius:99px;white-space:nowrap}.dm-pil.hadir{background:#dcfce7;color:#15803d}.dm-pil.absen{background:#fee2e2;color:#b91c1c}.dm-pil.hangus{background:#fef3c7;color:#92400e}.dm-pil.netral{background:var(--gray-100, #f1f5f9);color:var(--gray-600, #475569)}.dm-tindakan{display:flex;align-items:flex-start;gap:10px;padding:9px 0}.dm-tindakan+.dm-tindakan{border-top:1px solid var(--gray-100, #f1f5f9)}.dm-tindakan-teks{font-size:12.5px;font-weight:600;line-height:1.4}.dm-tindakan-ket{font-size:11px;color:var(--gray-500, #64748b);margin-top:2px}.dm-titik{width:7px;height:7px;border-radius:50%;margin-top:6px;flex-shrink:0}.dm-jumat{display:flex;gap:12px;align-items:flex-start;background:#fffbeb;border:1px solid #fde68a;border-radius:12px;padding:13px 15px}.dm-jumat-ikon{font-size:9.5px;font-weight:800;letter-spacing:.5px;color:#92400e;background:#fde68a;border-radius:6px;padding:4px 7px;flex-shrink:0}.dm-jumat p{font-size:11.5px;color:#78350f;line-height:1.55;margin-top:3px}[data-tema=blue-gold]{--bg-biru: #24549c;--bg-biru-tua: #173863;--bg-navy: #0f2444;--bg-biru-pucat: #e8f0fa;--bg-emas-terang: #e8c46a;--bg-kanvas: #e9eef7;--bg-kartu: #ffffff;--bg-garis: #c8d5e8;--bg-garis-halus: #dfe7f3;--bg-teks: #16233d;--bg-teks-samar: #5f6c86;--bg-teks-lemah: #5d6b85;--bg-biru-terang: #3c84c0;--bg-emas: #c8992e;--bg-emas-teks: #8a6608;--bg-emas-gelap: #3a2c05;--primary: #24549c !important;--primary-rgb: 36, 84, 156 !important;--primary-600: #24549c !important;--primary-hover: #1e4580 !important;--primary-700: #1e4580 !important;--primary-light: #edf1f7 !important;--primary-50: #edf1f7 !important;--primary-100: #d8e0ed !important;--primary-300: #9cb2d2 !important;--accent: #24549c !important;--accent-rgb: 36, 84, 156 !important;--accent-dark: #173765 !important;--sb-bg: var(--bg-navy) !important;--sb-surface-2: #17325a !important;--sb-border: rgba(255, 255, 255, .1) !important;--sb-text: #b9c7dd !important;--sb-text-strong: #eef3fa !important;--sb-text-muted: #8496b4 !important;--sb-hover-bg: rgba(255, 255, 255, .06) !important;--sb-active-bg: rgba(255, 255, 255, .1) !important;--sb-active-text: #e8c46a !important;--sb-scrollbar: rgba(255, 255, 255, .18) !important}[data-tema=blue-gold] body,[data-tema=blue-gold] .main{background:var(--bg-kanvas)!important;color:var(--bg-teks)!important}[data-tema=blue-gold] .card{background:var(--bg-kartu)!important;border:1px solid var(--bg-garis)!important;box-shadow:0 1px 2px #0f24440a!important}[data-tema=blue-gold] .sidebar-logo{padding-top:28px!important}[data-tema=blue-gold] .sidebar-logo .logo-header-mobile{width:45px!important;height:auto!important}[data-tema=blue-gold] .sidebar{box-shadow:inset -1px 0 #e8c46a47!important}[data-tema=blue-gold] .topbar{background:var(--bg-kartu)!important;border-bottom:1px solid var(--bg-garis)!important}[data-tema=blue-gold] .sidebar-section{color:var(--bg-emas-terang)!important}[data-tema=blue-gold] .sidebar a.active svg{color:var(--bg-emas-terang)!important;filter:none!important}[data-tema=blue-gold] .sidebar a.active:before{background:var(--bg-emas-terang)!important;width:5px!important;margin-left:-8px!important}[data-tema=blue-gold] .sidebar a.active .nav-icon-box{background:#e8c46a24!important;color:var(--bg-emas-terang)!important}[data-tema=blue-gold] .sidebar a:hover .nav-icon-box{background:#e8c46a1a!important;color:var(--bg-emas-terang)!important}[data-tema=blue-gold] .topbar{border-bottom:2px solid var(--bg-emas)!important}[data-tema=blue-gold] .nav-icon-box{background:#ffffff12!important;color:#fff!important}[data-tema=blue-gold] .tenant-switcher-trigger{background:#ffffff0f!important;border-color:#e8c46a4d!important}[data-tema=blue-gold] .btn{border:1px solid var(--bg-garis)!important;background:var(--bg-kartu)!important;color:var(--bg-teks)!important}[data-tema=blue-gold] .btn:hover:not(:disabled){border-color:var(--bg-biru)!important;color:var(--bg-biru)!important}[data-tema=blue-gold] .btn-primary{background:var(--bg-biru)!important;border-color:var(--bg-biru)!important;color:#fff!important}[data-tema=blue-gold] .btn-primary:hover:not(:disabled){background:var(--bg-biru-tua)!important;border-color:var(--bg-biru-tua)!important;color:#fff!important}[data-tema=blue-gold] .input,[data-tema=blue-gold] select.input,[data-tema=blue-gold] textarea.input{background:var(--bg-kartu)!important;border:1px solid var(--bg-garis)!important;color:var(--bg-teks)!important}[data-tema=blue-gold] .input:focus{border-color:var(--bg-biru)!important;box-shadow:0 0 0 3px #24549c29!important}[data-tema=blue-gold] thead th{background:var(--bg-biru-pucat)!important;color:var(--bg-teks-samar)!important;border-bottom:1px solid var(--bg-garis)!important}[data-tema=blue-gold] tbody td{border-bottom:1px solid var(--bg-garis-halus)!important}[data-tema=blue-gold] .hover-bg-gray-50:hover,[data-tema=blue-gold] tbody tr:hover{background:#f4f8fd!important}[data-tema=blue-gold] thead th.sticky{background:var(--bg-biru-pucat)!important}[data-tema=blue-gold] tbody td.sticky{background:var(--bg-kartu)!important}[data-tema=blue-gold] .badge:not(.badge-danger):not(.badge-warning):not(.badge-success):not(.badge-error){background:var(--bg-biru-pucat)!important;color:var(--bg-biru)!important;border:1px solid #cfe0f5!important}[data-tema=blue-gold] .text-emerald-600{color:var(--bg-biru)!important}[data-tema=blue-gold] .text-emerald-700,[data-tema=blue-gold] .hover-text-emerald-700:hover{color:var(--bg-biru-tua)!important}[data-tema=blue-gold] .bg-emerald-50{background:var(--bg-biru-pucat)!important}[data-tema=blue-gold] .bg-emerald-100{background:#d8e0ed!important}[data-tema=blue-gold] .hover-bg-emerald-50:hover{background:var(--bg-biru-pucat)!important}[data-tema=blue-gold] .border-emerald-100{border-color:#cfe0f5!important}[data-tema=blue-gold] .border-emerald-200,[data-tema=blue-gold] .hover-border-emerald-200:hover{border-color:#b6cfee!important}[data-tema=blue-gold] .bg-emerald-600{background:var(--bg-biru)!important}[data-tema=blue-gold] .bg-emerald-700,[data-tema=blue-gold] .hover-bg-emerald-700:hover{background:var(--bg-biru-tua)!important}@media(prefers-contrast:more){[data-tema=blue-gold] .card,[data-tema=blue-gold] .btn,[data-tema=blue-gold] .input{border-color:#9db4d4!important}[data-tema=blue-gold] tbody td{border-bottom-color:var(--bg-garis)!important}}[data-tema=blue-gold] .sidebar .nav-lencana{background:var(--bg-emas)!important;color:var(--bg-emas-gelap)!important}[data-tema=bintoro-dark]{color-scheme:dark;--bd-kanvas: #0a1628;--bd-permukaan: #0d1f3c;--bd-permukaan-2: #112240;--bd-permukaan-3: #16294a;--bd-garis: rgba(99, 140, 200, .15);--bd-garis-kuat: rgba(99, 140, 200, .28);--bd-teks: #e8f0fe;--bd-teks-2: rgba(232, 240, 254, .75);--bd-teks-redup: #7b92b8;--bd-biru: #1e6fff;--bd-biru-teks: #3b8bff;--bd-biru-tua: #1857cc;--bd-cyan: #00d4ff;--bd-merah: #ef4444;--bd-merah-teks: #f87171;--gray-50: #112240 !important;--gray-100: #16294a !important;--gray-200: #1d3355 !important;--gray-300: #2a4571 !important;--gray-400: #6b83aa !important;--gray-500: #8ba3c7 !important;--gray-600: #a9bcd9 !important;--gray-700: #cdd9ec !important;--gray-800: #dde7f7 !important;--gray-900: #e8f0fe !important;--muted: var(--bd-teks-redup) !important;--border: var(--bd-garis-kuat) !important;--surface-subtle: var(--bd-permukaan-2) !important;--surface: var(--bd-permukaan) !important;--info: var(--bd-biru-teks) !important;--surface-sunken: var(--bd-permukaan-2) !important;--border-subtle: var(--bd-garis) !important;--text-heading: var(--bd-teks) !important;--text-strong: var(--bd-teks-2) !important;--primary: var(--bd-biru) !important;--primary-rgb: 30, 111, 255 !important;--primary-600: var(--bd-biru) !important;--primary-hover: var(--bd-biru-tua) !important;--primary-700: var(--bd-biru-tua) !important;--primary-light: rgba(30, 111, 255, .14) !important;--primary-50: rgba(30, 111, 255, .1) !important;--primary-100: rgba(30, 111, 255, .18) !important;--primary-300: #6ea4ff !important;--accent: var(--bd-biru) !important;--accent-rgb: 30, 111, 255 !important;--accent-dark: #0b2b66 !important;--secondary: var(--bd-cyan) !important;--secondary-rgb: 0, 212, 255 !important;--secondary-light: rgba(0, 212, 255, .16) !important;--danger: var(--bd-merah) !important;--danger-hover: #dc2626 !important;--danger-light: rgba(239, 68, 68, .14) !important;--red-50: rgba(239, 68, 68, .12) !important;--red-100: rgba(239, 68, 68, .2) !important;--red-300: #f87171 !important;--red-600: var(--bd-merah-teks) !important;--red-700: #fca5a5 !important;--success: #22c55e !important;--success-light: rgba(34, 197, 94, .14) !important;--green-50: rgba(34, 197, 94, .12) !important;--green-100: rgba(34, 197, 94, .2) !important;--green-300: #4ade80 !important;--green-600: #4ade80 !important;--green-700: #86efac !important;--warning: #f59e0b !important;--warning-light: rgba(245, 158, 11, .14) !important;--warning-50: rgba(245, 158, 11, .12) !important;--yellow-50: rgba(245, 158, 11, .12) !important;--yellow-100: rgba(245, 158, 11, .2) !important;--yellow-300: #fcd34d !important;--yellow-600: #fbbf24 !important;--blue-50: rgba(30, 111, 255, .12) !important;--blue-100: rgba(30, 111, 255, .2) !important;--blue-300: #6ea4ff !important;--blue-600: var(--bd-biru-teks) !important;--blue-700: #6ea4ff !important;--sb-bg: var(--bd-permukaan) !important;--sb-surface-2: var(--bd-permukaan-2) !important;--sb-border: var(--bd-garis) !important;--sb-text: rgba(123, 146, 184, .85) !important;--sb-text-strong: var(--bd-teks) !important;--sb-text-muted: rgba(123, 146, 184, .6) !important;--sb-hover-bg: rgba(255, 255, 255, .05) !important;--sb-active-bg: rgba(30, 111, 255, .16) !important;--sb-active-text: var(--bd-teks) !important;--sb-scrollbar: rgba(99, 140, 200, .3) !important;--sidebar-bg: var(--bd-permukaan) !important;--sidebar-border: var(--bd-garis) !important;--sidebar-item-hover: rgba(255, 255, 255, .05) !important;--sidebar-item-active-bg: rgba(30, 111, 255, .16) !important;--sidebar-section-color: rgba(123, 146, 184, .6) !important;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .35) !important;--shadow: 0 1px 3px rgba(0, 0, 0, .4), 0 1px 2px rgba(0, 0, 0, .3) !important;--shadow-md: 0 4px 12px rgba(0, 0, 0, .45), 0 2px 4px rgba(0, 0, 0, .3) !important;--shadow-lg: 0 10px 30px rgba(0, 0, 0, .5), 0 4px 8px rgba(0, 0, 0, .35) !important}[data-tema=bintoro-dark] body,[data-tema=bintoro-dark] .main{background:var(--bd-kanvas)!important;color:var(--bd-teks-2)!important}[data-tema=bintoro-dark] .card{background:var(--bd-permukaan)!important;border:1px solid var(--bd-garis-kuat)!important}[data-tema=bintoro-dark] .card-header{border-bottom-color:var(--bd-garis)!important}[data-tema=bintoro-dark] .modal{background:var(--bd-permukaan)!important;border:1px solid var(--bd-garis-kuat)!important}[data-tema=bintoro-dark] .modal-title{color:var(--bd-teks)!important}[data-tema=bintoro-dark] .sidebar{background:var(--bd-permukaan)!important;border-right:1px solid var(--bd-garis)!important}[data-tema=bintoro-dark] .topbar{background:var(--bd-permukaan)!important;border-bottom:1px solid var(--bd-garis)!important}[data-tema=bintoro-dark] .topbar-title,[data-tema=bintoro-dark] .sidebar a.active{color:var(--bd-teks)!important}[data-tema=bintoro-dark] .sidebar a.active svg,[data-tema=bintoro-dark] .sidebar a:hover svg{color:var(--bd-biru-teks)!important}[data-tema=bintoro-dark] .topbar-dropdown,[data-tema=bintoro-dark] .bell-dropdown{background:var(--bd-permukaan)!important;border-color:var(--bd-garis-kuat)!important}[data-tema=bintoro-dark] .dropdown-item.text-danger:hover{background:#ef444424!important;color:var(--bd-merah-teks)!important}[data-tema=bintoro-dark] tbody tr:hover{background:var(--bd-permukaan-2)!important}[data-tema=bintoro-dark] .input,[data-tema=bintoro-dark] select.input,[data-tema=bintoro-dark] textarea.input{background:var(--bd-permukaan-3)!important;border-color:var(--bd-garis-kuat)!important;color:var(--bd-teks)!important}[data-tema=bintoro-dark] .input:focus{border-color:var(--bd-biru)!important;box-shadow:0 0 0 3px #1e6fff38!important}[data-tema=bintoro-dark] .input:disabled{background:var(--bd-permukaan-2)!important;color:var(--bd-teks-redup)!important}[data-tema=bintoro-dark] select.input{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%238ba3c7' d='M6 8L1 3h10z'/%3E%3C/svg%3E")!important}[data-tema=bintoro-dark] .btn{background:var(--bd-permukaan-3)!important;border-color:var(--bd-garis-kuat)!important;color:var(--bd-teks)!important}[data-tema=bintoro-dark] .btn:hover:not(:disabled){background:#1c3560!important}[data-tema=bintoro-dark] .btn-primary,[data-tema=bintoro-dark] .btn-primary:hover:not(:disabled){background:var(--bd-biru)!important;border-color:var(--bd-biru)!important;color:#fff!important}[data-tema=bintoro-dark] .btn-primary:hover:not(:disabled){background:var(--bd-biru-tua)!important}[data-tema=bintoro-dark] a:not(.btn):not(.sidebar a){color:var(--bd-biru-teks)}[data-tema=bintoro-dark] .form-input,[data-tema=bintoro-dark] select.form-input,[data-tema=bintoro-dark] textarea.form-input{background-color:var(--bd-permukaan-3)!important;border-color:var(--bd-garis-kuat)!important;color:var(--bd-teks)!important}[data-tema=bintoro-dark] .form-input:focus{border-color:var(--bd-biru)!important;box-shadow:0 0 0 3px #1e6fff38!important}[data-tema=bintoro-dark] .form-input:disabled{background-color:var(--bd-permukaan-2)!important;color:var(--bd-teks-redup)!important}[data-tema=bintoro-dark] select.form-input,[data-tema=bintoro-dark] select.input{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%238ba3c7' d='M6 8L1 3h10z'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 10px center!important}[data-tema=bintoro-dark] .badge-active,[data-tema=bintoro-dark] .badge-merchant,[data-tema=bintoro-dark] .badge-success,[data-tema=bintoro-dark] .badge-green{background-color:#22c55e24!important;color:#6ee7a2!important;border-color:#22c55e61!important}[data-tema=bintoro-dark] .badge-inactive,[data-tema=bintoro-dark] .badge-neutral,[data-tema=bintoro-dark] .badge-gray,[data-tema=bintoro-dark] .badge-default,[data-tema=bintoro-dark] .badge-muted{background-color:#8ba3c724!important;color:#b6c6de!important;border-color:#8ba3c761!important}[data-tema=bintoro-dark] .badge-banned,[data-tema=bintoro-dark] .badge-error,[data-tema=bintoro-dark] .badge-red,[data-tema=bintoro-dark] .badge-danger{background-color:#ef444424!important;color:var(--bd-merah-teks)!important;border-color:#ef444461!important}[data-tema=bintoro-dark] .badge-superadmin,[data-tema=bintoro-dark] .badge-purple{background-color:#a78bfa24!important;color:#c4b5fd!important;border-color:#a78bfa61!important}[data-tema=bintoro-dark] .badge-admin,[data-tema=bintoro-dark] .badge-indigo{background-color:#818cf824!important;color:#a5b4fc!important;border-color:#818cf861!important}[data-tema=bintoro-dark] .badge-cashier,[data-tema=bintoro-dark] .badge-warning,[data-tema=bintoro-dark] .badge-yellow{background-color:#f59e0b24!important;color:#fcd34d!important;border-color:#f59e0b61!important}[data-tema=bintoro-dark] .badge-warehouse-staff,[data-tema=bintoro-dark] .badge-info,[data-tema=bintoro-dark] .badge-blue{background-color:#1e6fff29!important;color:#8ab4ff!important;border-color:#1e6fff6b!important}[data-tema=bintoro-dark] .badge-courier,[data-tema=bintoro-dark] .badge-orange{background-color:#fb923c24!important;color:#fdba74!important;border-color:#fb923c61!important}[data-tema=bintoro-dark] .badge-teal{background-color:#2dd4bf24!important;color:#5eead4!important;border-color:#2dd4bf61!important}[data-tema=bintoro-dark] [class*=pageBtn]{background:var(--bd-permukaan-3)!important;border-color:var(--bd-garis-kuat)!important;color:var(--bd-teks-2)!important}[data-tema=bintoro-dark] [class*=pageBtn]:hover:not(:disabled){background:#1c3560!important}[data-tema=bintoro-dark] [class*=pageBtn][class*=active]{background:var(--bd-biru)!important;border-color:var(--bd-biru)!important;color:#fff!important}[data-tema=bintoro-dark] [class*=pagination]{border-top-color:var(--bd-garis)!important}[data-tema=bintoro-dark] [class*=pageInfo]{color:var(--bd-teks-redup)!important}[data-tema=bintoro-dark] .topbar-title,[data-tema=bintoro-dark] .topbar-username,[data-tema=bintoro-dark] .topbar-btn,[data-tema=bintoro-dark] .bell-notif-title,[data-tema=bintoro-dark] .topbar-user-trigger{color:var(--bd-teks)!important}[data-tema=bintoro-dark] .topbar-btn:hover{color:var(--bd-biru-teks)!important;background:#1e6fff1f!important}[data-tema=bintoro-dark] .topbar-chevron,[data-tema=bintoro-dark] .bell-push-toggle{color:var(--bd-teks-redup)!important}._btn_1pak6_1{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:7px;font-size:13px;font-weight:500;transition:background var(--transition),box-shadow var(--transition),transform var(--transition),opacity var(--transition);white-space:nowrap;line-height:1.4;cursor:pointer;border:none;font:inherit}._btn_1pak6_1:active:not(:disabled){transform:scale(.98)}._btn_1pak6_1:disabled{opacity:.5;pointer-events:none}._primary_1pak6_19{background:var(--primary);color:#fff}._primary_1pak6_19:hover{background:var(--primary-hover);box-shadow:0 2px 8px #05966959}._danger_1pak6_22{background:var(--danger);color:#fff}._danger_1pak6_22:hover{background:var(--danger-hover);box-shadow:0 2px 8px #dc262659}._ghost_1pak6_25{background:transparent;color:var(--gray-600);border:1px solid var(--gray-300)}._ghost_1pak6_25:hover{background:var(--gray-100);border-color:var(--gray-400)}._secondary_1pak6_28{background:transparent;color:var(--gray-600);border:1px solid var(--gray-300)}._secondary_1pak6_28:hover{background:var(--gray-100);border-color:var(--gray-400)}._sm_1pak6_31{padding:4px 10px;font-size:12px}._md_1pak6_32{padding:7px 14px;font-size:13px}._fullWidth_1pak6_34{width:100%;justify-content:center}._input_1cpfm_1{padding:8px 12px;border:1px solid var(--gray-300);border-radius:7px;font-size:14px;color:var(--gray-800);background:var(--surface, #fff);transition:border-color var(--transition),box-shadow var(--transition);width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit}._input_1cpfm_1::placeholder{color:var(--gray-400)}._input_1cpfm_1:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #4f46e51f}._input_1cpfm_1:focus-visible{outline:2px solid var(--primary);outline-offset:2px}._input_1cpfm_1:disabled{background:var(--gray-100);color:var(--gray-500);cursor:not-allowed}@keyframes _toast-in_59f92_1{0%{opacity:0;transform:translate(120%)}to{opacity:1;transform:translate(0)}}._container_59f92_6{position:fixed;top:16px;right:16px;z-index:9999;display:flex;flex-direction:column;gap:8px;pointer-events:none;max-width:360px;width:calc(100vw - 32px)}._toast_59f92_19{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:var(--radius);font-size:13.5px;font-weight:500;box-shadow:var(--shadow-lg);cursor:pointer;pointer-events:all;animation:_toast-in_59f92_1 .25s cubic-bezier(.34,1.56,.64,1) both}._success_59f92_33{background:var(--surface, #fff);border:1px solid #86efac;color:var(--gray-800)}._success_59f92_33 ._icon_59f92_34{color:var(--success);display:flex}._error_59f92_36{background:var(--surface, #fff);border:1px solid #fca5a5;color:var(--gray-800)}._error_59f92_36 ._icon_59f92_34{color:var(--danger);display:flex}._info_59f92_39{background:var(--surface, #fff);border:1px solid #a5b4fc;color:var(--gray-800)}._info_59f92_39 ._icon_59f92_34{color:var(--info, #4f46e5);display:flex}._warning_59f92_42{background:var(--surface, #fff);border:1px solid #fcd34d;color:var(--gray-800)}._warning_59f92_42 ._icon_59f92_34{color:var(--warning);display:flex}._icon_59f92_34{flex-shrink:0;display:flex;align-items:center}._message_59f92_46{flex:1;line-height:1.4}._close_59f92_48{flex-shrink:0;color:var(--gray-400);display:flex;align-items:center;padding:2px 4px;border-radius:4px;transition:color var(--transition);cursor:pointer;border:none;background:none;font:inherit}._close_59f92_48:hover{color:var(--gray-700)}