.login-page{min-height:100vh;width:100%;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:32px 20px;background:radial-gradient(circle at 10% 15%,rgba(56,189,248,.13),transparent 30%),radial-gradient(circle at 90% 85%,rgba(37,99,235,.12),transparent 32%),var(--bg)}.login-background{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none}.background-grid{position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;background-image:linear-gradient(rgba(37,99,235,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(37,99,235,.035) 1px,transparent 1px);background-size:45px 45px;transform:translate(var(--mouse-x, 0px),var(--mouse-y, 0px));animation:grid-move 20s linear infinite}@keyframes grid-move{0%{background-position:0 0}to{background-position:45px 45px}}.bg-orb{position:absolute;border-radius:50%;filter:blur(75px);opacity:.35;animation:orb-float 12s ease-in-out infinite alternate}.bg-orb-1{width:360px;height:360px;left:-120px;top:-120px;background:#38bdf8e3}.bg-orb-2{width:420px;height:420px;right:-160px;bottom:-150px;background:#38bdf8e3;animation-delay:-4s}.bg-orb-3{width:240px;height:240px;right:28%;top:5%;background:#38bdf8e3;animation-delay:-7s}@keyframes orb-float{0%{transform:translate(-20px,-10px) scale(1)}50%{transform:translate(30px,25px) scale(1.08)}to{transform:translate(-10px,40px) scale(.96)}}.bg-ring{position:absolute;border-radius:50%;border:1px solid rgba(37,99,235,.08);animation:background-ring 14s linear infinite}.bg-ring-1{width:600px;height:600px;left:-280px;bottom:-310px}.bg-ring-2{width:800px;height:800px;right:-400px;top:-420px;animation-direction:reverse}@keyframes background-ring{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.04)}to{transform:rotate(360deg) scale(1)}}.particles{position:absolute;top:0;right:0;bottom:0;left:0}.particle{position:absolute;width:4px;height:4px;border-radius:50%;background:var(--blue);opacity:.18;animation:particle-float 8s ease-in-out infinite}@keyframes particle-float{0%{transform:translateY(30px) scale(.7);opacity:0}30%{opacity:.35}70%{opacity:.18}to{transform:translateY(-100px) scale(1.2);opacity:0}}.particle-1{left:5%;top:72%;animation-delay:0s}.particle-2{left:10%;top:35%;animation-delay:1s}.particle-3{left:15%;top:80%;animation-delay:2s}.particle-4{left:20%;top:20%;animation-delay:3s}.particle-5{left:25%;top:60%;animation-delay:4s}.particle-6{left:30%;top:85%;animation-delay:2s}.particle-7{left:35%;top:30%;animation-delay:5s}.particle-8{left:40%;top:70%;animation-delay:1s}.particle-9{left:45%;top:15%;animation-delay:3s}.particle-10{left:50%;top:55%;animation-delay:6s}.particle-11{left:55%;top:80%;animation-delay:2s}.particle-12{left:60%;top:25%;animation-delay:4s}.particle-13{left:65%;top:65%;animation-delay:7s}.particle-14{left:70%;top:40%;animation-delay:3s}.particle-15{left:75%;top:75%;animation-delay:5s}.particle-16{left:80%;top:20%;animation-delay:6s}.particle-17{left:85%;top:55%;animation-delay:4s}.particle-18{left:90%;top:30%;animation-delay:8s}.particle-19{left:95%;top:70%;animation-delay:5s}.particle-20{left:12%;top:90%;animation-delay:2s}.particle-21{left:32%;top:10%;animation-delay:6s}.particle-22{left:58%;top:90%;animation-delay:1s}.particle-23{left:78%;top:10%;animation-delay:7s}.particle-24{left:92%;top:85%;animation-delay:3s}.login-outer{position:relative;z-index:5;width:100%;max-width:1000px;min-height:550px;display:grid;grid-template-columns:1fr 1.05fr;background:#fffc;border:1px solid rgba(255,255,255,.75);border-radius:26px;overflow:hidden;box-shadow:0 35px 90px -25px #0f172a40,0 10px 35px #2563eb12;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);animation:login-box-enter .8s cubic-bezier(.2,.8,.2,1) both}@keyframes login-box-enter{0%{opacity:0;transform:translateY(25px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.login-visual{position:relative;overflow:hidden;padding:30px 30px 42px;display:flex;flex-direction:column;justify-content:space-between;gap:12px;border-radius:21px;color:#fff;background:linear-gradient(145deg,var(--navy) 0%,var(--blue) 60%,#0284c7 100%);box-shadow:inset 0 1px #ffffff26;isolation:isolate}.login-visual__glow{position:absolute;width:430px;height:430px;left:-180px;top:-160px;border-radius:50%;background:radial-gradient(circle,rgba(56,189,248,.55),transparent 65%);filter:blur(10px);animation:visual-glow 8s ease-in-out infinite alternate;z-index:-1}@keyframes visual-glow{0%{transform:translate(0) scale(1)}to{transform:translate(100px,60px) scale(1.25)}}.visual-light{position:absolute;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.15),transparent 70%);filter:blur(4px);pointer-events:none;z-index:-1}.visual-light-1{right:-50px;top:15%;animation:light-float 7s ease-in-out infinite}.visual-light-2{left:-60px;bottom:8%;animation:light-float 9s ease-in-out infinite reverse}@keyframes light-float{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-30px,25px) scale(1.2)}}.visual-content{position:relative;z-index:2}.visual-dots{display:flex;gap:5px;margin-bottom:16px}.visual-dots span{width:6px;height:6px;border-radius:50%;background:#ffffffa6;animation:dot-pulse 2s ease-in-out infinite}.visual-dots span:nth-child(2){animation-delay:.2s}.visual-dots span:nth-child(3){animation-delay:.4s}@keyframes dot-pulse{0%,to{opacity:.35;transform:scale(1)}50%{opacity:1;transform:scale(1.35)}}.visual-badge{display:inline-flex;align-items:center;padding:5px 9px;margin-bottom:10px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:#ffffff14;color:#ffffffbf;font-size:8px;font-weight:700;letter-spacing:1px}.visual-copy{max-width:330px}.visual-copy h1{font-family:var(--font-display);font-size:27px;line-height:1.25;font-weight:700;color:#fff;margin:0 0 8px}.visual-copy p{margin:0;color:#e2e8f0d1;font-size:12.5px;line-height:1.65}.visual-illustration{position:relative;z-index:2;display:flex;align-items:flex-end;justify-content:center;flex:1;transform:translate(calc(var(--mouse-x, 0px) * .25),calc(var(--mouse-y, 0px) * .25));transition:transform .3s ease}.visual-illustration svg{width:100%;max-width:230px;height:auto;filter:drop-shadow(0 15px 25px rgba(0,0,0,.18));animation:illustration-float 5s ease-in-out infinite}@keyframes illustration-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.workflow-title{position:relative;z-index:2;margin-bottom:7px;color:#ffffff8c;font-size:8px;font-weight:700;letter-spacing:1.5px;text-align:center}.visual-route{position:relative;z-index:2;display:flex;align-items:center;gap:8px}.route-icon-wrap{position:relative;display:flex;flex-direction:column;align-items:center;flex-shrink:0}.route-icon{width:42px;height:42px;border-radius:50%;background:#ffffff1a;border:1px solid rgba(255,255,255,.22);display:flex;align-items:center;justify-content:center;transition:background .2s ease,transform .2s ease,box-shadow .2s ease}.route-icon-active{background:#38bdf83d;border-color:#38bdf88c;box-shadow:0 0 20px #38bdf833}.route-icon:hover{background:#fff3;transform:translateY(-4px) scale(1.05);box-shadow:0 8px 25px #00000026}.route-icon svg{width:19px;height:19px;color:#fff}.route-icon-label{position:absolute;top:49px;left:50%;transform:translate(-50%);font-size:8px;color:#ffffffb8;white-space:nowrap}.route-line{position:relative;flex:1;min-width:18px;height:1px;overflow:hidden;background:linear-gradient(90deg,#38bdf8a6,#ffffff1f)}.route-line-dot{position:absolute;top:50%;left:-8px;width:5px;height:5px;border-radius:50%;background:var(--sky);box-shadow:0 0 10px #38bdf8e6;transform:translateY(-50%);animation:route-flow 2.2s linear infinite}@keyframes route-flow{0%{left:-8px}to{left:calc(100% + 8px)}}.login-panel{display:flex;align-items:center;justify-content:center;padding:40px 50px;background:#ffffff6b}.login-card{width:100%;max-width:320px;animation:login-card-enter .9s .1s cubic-bezier(.2,.8,.2,1) both}@keyframes login-card-enter{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.login-logo{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:17px;color:var(--navy);font-size:14px;font-weight:700}.login-logo-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;overflow:hidden}.login-logo-icon img{width:100%;height:100%;object-fit:contain;display:block}.login-card h2{font-size:24px;text-align:center;margin:0 0 7px;color:var(--blue)}.login-subtitle{text-align:center;margin:0 0 28px;color:var(--text-faint);font-size:12px;line-height:1.5}.login-error{display:flex;align-items:center;gap:8px;color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;padding:9px 11px;margin-bottom:14px;font-size:12px}.login-error-icon{width:17px;height:17px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:50%;background:#fee2e2;font-size:10px;font-weight:800}.login-field{position:relative;margin-bottom:16px}.login-field .field-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--text-faint);pointer-events:none;z-index:2}.login-field input{width:100%;height:46px;padding:0 44px 0 40px;border:1px solid var(--border);border-radius:12px;background:#f8fafcd9;color:var(--text);font-size:13px;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease,transform .15s ease}.login-field input::placeholder{color:var(--text-faint)}.login-field input:focus{outline:none;border-color:var(--blue);background:#fff;box-shadow:0 0 0 4px #2563eb14;transform:translateY(-1px)}.login-field input:disabled{opacity:.65;cursor:not-allowed}.login-field .toggle-visibility{position:absolute;right:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;display:flex;align-items:center;justify-content:center;color:var(--text-faint);background:none;border:none;padding:0;cursor:pointer}.toggle-visibility:hover{color:var(--blue)}.toggle-visibility svg{width:16px;height:16px}.login-submit{width:100%;height:46px;border-radius:12px;border:none;background:linear-gradient(135deg,var(--blue),#2563eb);color:#fff;font-size:13.5px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:8px;box-shadow:0 10px 25px #2563eb38;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.login-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 14px 30px #2563eb4d}.login-submit:active:not(:disabled){transform:translateY(0)}.login-submit:disabled{opacity:.65;cursor:not-allowed}.login-submit svg{width:16px;height:16px;transition:transform .18s ease}.login-submit:hover svg{transform:translate(3px)}.login-footer{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:23px;color:var(--text-faint);font-size:10px;letter-spacing:.3px}.footer-dot{width:5px;height:5px;border-radius:50%;background:#22c55e;box-shadow:0 0 7px #22c55e8c}@media (min-width: 1920px){.login-outer{max-width:1200px}.login-panel{padding:60px 70px}.login-visual{padding:50px 45px 60px}}@media (min-width: 769px) and (max-width: 1024px){.login-outer{max-width:820px}.login-panel{padding:40px 38px}}@media (max-width: 900px){.login-outer{max-width:900px}.login-panel{padding:35px}.login-visual{padding:28px 25px 40px}}@media (max-width: 820px){.login-page{padding:20px}.login-outer{grid-template-columns:1fr;max-width:430px;min-height:auto}.login-visual{display:none}.login-panel{padding:40px 28px}.login-card{max-width:340px}}@media (max-width: 480px){.login-page{padding:12px}.login-outer{border-radius:20px}.login-panel{padding:32px 22px}.login-card h2{font-size:22px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.background-grid,.visual-illustration{transform:none!important}}.toggle-switch{display:inline-flex;align-items:center;gap:10px;cursor:pointer;height:40px}.toggle-switch input{position:absolute;opacity:0;width:0;height:0}.toggle-switch__track{position:relative;width:42px;height:24px;background:#cbd5e1;border-radius:999px;transition:background .2s ease;flex-shrink:0}.toggle-switch__thumb{position:absolute;top:3px;left:3px;width:18px;height:18px;background:#fff;border-radius:50%;transition:transform .2s ease;box-shadow:0 1px 2px #0003}.toggle-switch input:checked+.toggle-switch__track{background:#16a34a}.toggle-switch input:checked+.toggle-switch__track .toggle-switch__thumb{transform:translate(18px)}.toggle-switch__label{font-size:13.5px;font-weight:600;color:#334155}.app-shell{display:grid;grid-template-columns:var(--sidebar-w) 1fr;min-height:100vh;transition:grid-template-columns var(--t-med) var(--ease)}.app-shell.is-collapsed{grid-template-columns:var(--sidebar-w-collapsed) 1fr}.sidebar{background:var(--navy);color:var(--text-on-dark);position:sticky;top:0;height:100vh;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;z-index:40;scrollbar-width:thin}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:4px}.sidebar-brand{display:flex;align-items:center;gap:12px;padding:20px 20px 16px;min-height:var(--header-h);border-bottom:1px solid rgba(255,255,255,.08)}.sidebar-brand__mark{width:36px;height:36px;min-width:36px;border-radius:var(--r-md);background:linear-gradient(155deg,var(--blue),var(--sky));display:flex;align-items:center;justify-content:center;color:#fff}.sidebar-brand__text{overflow:hidden;white-space:nowrap}.sidebar-brand__name{font-family:var(--font-display);font-weight:700;font-size:16px;color:#fff;line-height:1.2}.sidebar-brand__sub{font-size:11.5px;color:var(--text-on-dark-muted);line-height:1.2;margin-top:2px}.app-shell.is-collapsed .sidebar-brand__text{display:none}.app-shell.is-collapsed .sidebar-brand{justify-content:center;padding:20px 0 16px}.sidebar-nav{padding:16px 12px;flex:1}.nav-group{margin-bottom:20px}.nav-group__label{font-size:11px;font-weight:600;letter-spacing:.05em;color:#e2e8f073;padding:0 12px 8px;white-space:nowrap;overflow:hidden}.app-shell.is-collapsed .nav-group__label{opacity:0;height:0;padding:0;margin:0}.nav-item{position:relative;margin-bottom:2px}.nav-link{display:flex;align-items:center;gap:12px;padding:9px 12px;border-radius:var(--r-md);color:var(--text-on-dark);font-size:13.5px;font-weight:500;white-space:nowrap;overflow:hidden;transition:background var(--t-fast) var(--ease),color var(--t-fast) var(--ease);position:relative}.nav-link svg{width:18px;height:18px;min-width:18px;stroke:#e2e8f0bf;transition:stroke var(--t-fast) var(--ease)}.nav-link:hover{background:#ffffff0f}.nav-link:hover svg{stroke:#fff}.nav-item.active .nav-link{background:linear-gradient(90deg,var(--blue) 0%,rgba(37,99,235,.75) 100%);color:#fff}.nav-item.active .nav-link svg{stroke:#fff}.nav-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:18px;border-radius:0 3px 3px 0;background:var(--sky)}.app-shell.is-collapsed .nav-link{justify-content:center;padding:10px}.app-shell.is-collapsed .nav-link span.nav-label{display:none}.nav-item .nav-tooltip{position:absolute;left:calc(100% + 10px);top:50%;transform:translateY(-50%) translate(-4px);background:var(--navy-700);color:#fff;padding:6px 10px;border-radius:var(--r-sm);font-size:12.5px;font-weight:500;white-space:nowrap;box-shadow:var(--shadow-md);opacity:0;pointer-events:none;transition:opacity var(--t-fast) var(--ease),transform var(--t-fast) var(--ease);z-index:60}.app-shell.is-collapsed .nav-item:hover .nav-tooltip{opacity:1;transform:translateY(-50%) translate(0)}.sidebar-footer{padding:12px;border-top:1px solid rgba(255,255,255,.08)}.topbar{position:sticky;top:0;z-index:30;height:var(--header-h);background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 24px;gap:16px}.topbar-left{display:flex;align-items:center;gap:16px;min-width:0}.icon-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--r-md);border:1px solid transparent;background:transparent;color:var(--text-muted);transition:background var(--t-fast) var(--ease),color var(--t-fast) var(--ease)}.icon-btn svg{width:19px;height:19px}.breadcrumb{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--text-muted);min-width:0}.breadcrumb .sep{color:var(--text-faint)}.page-heading{min-width:0}.page-heading h1{font-size:17px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-right{display:flex;align-items:center;gap:8px}.notif-dot{position:absolute;top:6px;right:6px;width:7px;height:7px;border-radius:50%;background:var(--danger);border:1.5px solid var(--surface)}.icon-btn{position:relative}.user-chip{display:flex;align-items:center;gap:10px;padding:6px 10px 6px 6px;border-radius:var(--r-md);border:1px solid var(--border);background:var(--surface);transition:border-color var(--t-fast) var(--ease),background var(--t-fast) var(--ease)}.user-chip:hover{background:var(--surface-alt);border-color:var(--border-strong)}.avatar{width:30px;height:30px;border-radius:50%;background:linear-gradient(155deg,var(--navy),var(--blue));color:#fff;display:flex;align-items:center;justify-content:center;font-size:12.5px;font-weight:600;font-family:var(--font-display)}.user-chip__name{font-size:13px;font-weight:600;line-height:1.2}.user-chip__role{font-size:11.5px;color:var(--text-muted);line-height:1.2}.user-chip svg{width:15px;height:15px;color:var(--text-faint)}.content-header{width:100%;display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.card{width:100%;background:#fff;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden}.toolbar{display:flex;align-items:center;gap:12px;width:100%;padding-bottom:20px}.input-icon{position:relative;display:flex;align-items:center}.input-icon svg{position:absolute;left:14px;width:18px;height:18px;color:#6b7280}.input-icon .input{padding-left:42px}.grow{flex:1}.input,.select,.textarea{box-sizing:border-box;padding:12px 16px;border:1px solid #dcdfe4;border-radius:8px;font-size:14px;color:#1f2937;background:#fff;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.input:focus,.select:focus,.textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb14}.filter-select{width:150px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 16px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;text-decoration:none;transition:all .2s ease}.btn-primary{background:#2563eb;color:#fff}.btn-primary:hover{background:#1d4ed8}.btn-secondary{background:#f3f4f6;color:#374151;border:1px solid #e5e7eb}.btn-secondary:hover{background:#e5e7eb}.table-wrap{width:100%;overflow-x:auto}.dtable{width:100%;border-collapse:collapse;min-width:1100px}.dtable thead{background:#f8fafc}.dtable th{padding:14px 16px;text-align:left;font-size:12px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.03em;border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;white-space:nowrap}.dtable td{padding:15px 16px;font-size:14px;color:#374151;border-bottom:1px solid #eef0f3;white-space:nowrap}.dtable tbody tr{transition:background .2s ease}.dtable tbody tr:hover{background:#f8fafc}.status{display:inline-flex;align-items:center;padding:5px 10px;border-radius:20px;font-size:12px;font-weight:600}.status-active{background:#dcfce7;color:#166534}.status-inactive{background:#fee2e2;color:#991b1b}.empty-state{padding:50px 20px;text-align:center}.empty-state-icon{width:48px;height:48px;margin:0 auto 15px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#f1f5f9;color:#64748b}.empty-state h3{margin:0 0 8px;font-size:17px;color:#1f2937}.empty-state p{margin:0 0 18px;color:#6b7280;font-size:14px}.table-footer{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-top:1px solid #e5e7eb}.rows-info{font-size:13px;color:#64748b}.pagination{display:flex;align-items:center;gap:5px}.page-btn{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border:1px solid #e5e7eb;border-radius:7px;background:#fff;color:#374151;cursor:pointer}.page-btn:hover:not(:disabled){background:#f3f4f6}.page-btn.active{background:#2563eb;border-color:#2563eb;color:#fff}.page-btn:disabled{opacity:.45;cursor:not-allowed}@media (max-width: 768px){.content-header{flex-direction:column;align-items:stretch;gap:12px}.content-header .btn{width:100%}.toolbar{flex-wrap:wrap}.grow{flex-basis:100%}.filter-select{flex:1;width:auto}.toolbar .btn{flex:1}.table-footer{flex-direction:column;align-items:flex-start;gap:12px}}@media (max-width: 480px){.card-pad{padding:14px}.toolbar{gap:8px}.filter-select,.toolbar .btn{flex-basis:100%;width:100%}.table-footer{padding:14px}}@media (max-width: 960px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;left:0;top:0;height:100vh;width:var(--sidebar-w);transform:translate(-100%);transition:transform var(--t-med) var(--ease);box-shadow:var(--shadow-lg)}.sidebar.is-open{transform:translate(0)}.app-shell.is-collapsed .sidebar{width:var(--sidebar-w)}.app-shell.is-collapsed .sidebar-brand__text{display:block}.app-shell.is-collapsed .nav-group__label{opacity:1;height:auto;padding:0 12px 8px}.app-shell.is-collapsed .nav-link span.nav-label{display:inline}.app-shell.is-collapsed .nav-link{justify-content:flex-start;padding:9px 12px}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a66;z-index:35;opacity:0;pointer-events:none;transition:opacity var(--t-med) var(--ease)}.scrim.is-visible{opacity:1;pointer-events:auto}.content{padding:18px 16px 40px}.topbar{padding:0 14px}.user-chip__name,.user-chip__role{display:none}.user-chip svg{display:none}}:root{--navy: #172554;--navy-700: #1e2f66;--blue: #2563EB;--blue-600: #1D4ED8;--sky: #38BDF8;--bg: #F8FAFC;--surface: #FFFFFF;--surface-alt: #F1F5F9;--text: #0F172A;--text-muted: #64748B;--text-faint: #94A3B8;--text-on-dark: #E2E8F0;--text-on-dark-muted: #94A3B8;--border: #E2E8F0;--border-strong: #CBD5E1;--success: #16A34A;--success-bg: #F0FDF4;--warning: #F59E0B;--warning-bg: #FFFBEB;--danger: #DC2626;--danger-bg: #FEF2F2;--info-bg: #EFF6FF;--font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-display: "Plus Jakarta Sans", "Inter", sans-serif;--r-sm: 6px;--r-md: 8px;--r-lg: 12px;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .04);--shadow-md: 0 4px 16px -4px rgba(15, 23, 42, .12);--shadow-lg: 0 12px 32px -8px rgba(15, 23, 42, .18);--ease: cubic-bezier(.4, 0, .2, 1);--t-fast: .15s;--t-med: .22s;--sidebar-w: 260px;--sidebar-w-collapsed: 72px;--header-h: 64px}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:var(--font-body);background:var(--bg);color:var(--text);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--font-display);font-weight:600;margin:0;color:var(--text)}p{margin:0}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit}ul{list-style:none;margin:0;padding:0}::selection{background:var(--sky);color:var(--navy)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--blue);outline-offset:2px;border-radius:var(--r-sm)}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}.mono-num{font-variant-numeric:tabular-nums}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:38px;padding:0 16px;border-radius:var(--r-md);font-size:13.5px;font-weight:600;border:1px solid transparent;transition:background var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease),transform var(--t-fast) var(--ease);white-space:nowrap}.btn svg{width:16px;height:16px}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--blue);color:#fff}.btn-primary:hover{background:var(--blue-600)}.btn-secondary{background:var(--surface);color:var(--text);border-color:var(--border)}.btn-secondary:hover{background:var(--surface-alt);border-color:var(--border-strong)}.btn-ghost{background:transparent;color:var(--text-muted)}.btn-ghost:hover{background:var(--surface-alt);color:var(--text)}.btn-danger{background:var(--surface);color:var(--danger);border-color:#fca5a5}.btn-danger:hover{background:var(--danger-bg)}.btn-sm{height:32px;padding:0 12px;font-size:12.5px}.btn-block{width:100%}.btn[disabled]{opacity:.5;pointer-events:none}.welcome-banner{background:var(--info-bg);border:1px solid var(--border);border-radius:var(--r-lg);padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.welcome-banner__left{display:flex;align-items:center;gap:16px}.welcome-banner__avatar{width:48px;height:48px;border-radius:50%;background:var(--surface);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:600;font-size:15px;color:var(--navy);flex-shrink:0}.welcome-banner__title{font-size:16.5px;margin-bottom:10px}.welcome-banner__stats{display:flex;align-items:center;gap:16px}.welcome-banner__stat{display:flex;flex-direction:column;gap:2px}.welcome-banner__stat-value{font-family:var(--font-display);font-size:20px;font-weight:700;color:var(--text)}.welcome-banner__stat-label{font-size:12px;color:var(--text-muted)}.welcome-banner__divider{width:1px;height:28px;background:var(--border)}.welcome-banner__art{width:120px;height:90px;flex-shrink:0}@media (max-width:720px){.welcome-banner{flex-direction:column;align-items:flex-start}.welcome-banner__art{display:none}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg)}.card-pad{padding:20px}.card-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border)}.card-header h3{font-size:14.5px}.card-header .subtitle{font-size:12.5px;color:var(--text-muted);margin-top:2px}.kpi-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:18px 20px;display:flex;flex-direction:column;gap:14px}.kpi-card__top{display:flex;align-items:center;justify-content:space-between}.kpi-card__label{font-size:12.5px;color:var(--text-muted);font-weight:500}.kpi-card__icon{width:34px;height:34px;border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;background:var(--info-bg);color:var(--blue)}.kpi-card__icon svg{width:17px;height:17px}.kpi-card__value{font-family:var(--font-display);font-size:26px;font-weight:700;color:var(--text)}.kpi-card__value.placeholder{color:var(--text-faint)}.kpi-card__foot{font-size:12px;color:var(--text-faint)}.grid{display:grid;gap:16px}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-2{grid-template-columns:repeat(2,1fr)}@media (max-width: 1180px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}}.badge{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600}.badge:before{content:"";width:6px;height:6px;border-radius:50%}.badge-success{background:var(--success-bg);color:var(--success)}.badge-success:before{background:var(--success)}.badge-warning{background:var(--warning-bg);color:#b45309}.badge-warning:before{background:var(--warning)}.badge-danger{background:var(--danger-bg);color:var(--danger)}.badge-danger:before{background:var(--danger)}.badge-neutral{background:var(--surface-alt);color:var(--text-muted)}.badge-neutral:before{background:var(--text-faint)}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.field label{font-size:13px;font-weight:600;color:var(--text)}.field label .req{color:var(--danger);margin-left:2px}.field .hint{font-size:12px;color:var(--text-muted)}.field .error-text{font-size:12px;color:var(--danger);display:none;align-items:center;gap:4px}.input,.select,.textarea{height:40px;padding:0 12px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);color:var(--text);font-size:13.5px;width:100%;transition:border-color var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease)}.textarea{height:auto;padding:10px 12px;min-height:88px;resize:vertical}.input::placeholder,.textarea::placeholder{color:var(--text-faint)}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px #2563eb1f}.input.is-invalid{border-color:var(--danger)}.input.is-invalid~.error-text,.field.has-error .error-text{display:flex}.input.is-valid{border-color:var(--success)}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748B' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.input-icon{position:relative}.input-icon svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--text-faint)}.input-icon .input{padding-left:36px}.checkbox-row{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text)}.checkbox-row input{width:16px;height:16px;accent-color:var(--blue)}.form-section{margin-bottom:28px}.form-section__title{font-size:13.5px;font-weight:700;color:var(--navy);margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid var(--border)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}@media (max-width:720px){.form-grid{grid-template-columns:1fr}}.form-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:20px;border-top:1px solid var(--border);margin-top:8px}.info-card{background:var(--surface-alt);border:1px dashed var(--border-strong);border-radius:var(--r-md);padding:16px}.info-card__row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--border);font-size:13px}.info-card__row:last-child{border-bottom:none}.info-card__row .k{color:var(--text-muted)}.info-card__row .v{font-weight:600;color:var(--text)}.info-card__row .v.placeholder{color:var(--text-faint);font-weight:500}.info-card__note{font-size:11.5px;color:var(--text-faint);margin-top:10px}.toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:16px}.toolbar .grow{flex:1;min-width:220px}.filter-select{height:38px;min-width:140px}.table-wrap{overflow-x:auto;border-radius:var(--r-lg)}table.dtable{width:100%;border-collapse:separate;border-spacing:0;min-width:760px}.dtable{width:100%;border-collapse:collapse}.dtable th,.dtable td{padding:18px 16px;border-bottom:1px solid #eee;text-align:left}.dtable tbody tr.row-clickable:hover{background:#f8fafc}.ledger-info{display:flex;align-items:center;gap:14px}.ledger-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover}.ledger-name{font-size:15px;font-weight:600;color:#111827}.ledger-city{font-size:13px;color:#6b7280}.status{display:inline-flex;align-items:center;gap:8px;font-size:14px}.status-dot{width:8px;height:8px;border-radius:50%}.status.active .status-dot{background:#14b8a6}.status.inactive .status-dot{background:#ef4444}.action-btn{background:transparent;border:none;cursor:pointer;padding:6px}.action-menu-btn{width:28px;height:28px;border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.action-menu-btn:hover{background:var(--surface-alt);color:var(--text)}.table-footer{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-top:1px solid var(--border);flex-wrap:wrap;gap:10px}.pagination{display:flex;align-items:center;gap:4px}.page-btn{min-width:30px;height:30px;padding:0 6px;border-radius:var(--r-sm);font-size:12.5px;color:var(--text-muted);display:flex;align-items:center;justify-content:center}.page-btn:hover{background:var(--surface-alt)}.page-btn.active{background:var(--blue);color:#fff;font-weight:600}.rows-info{font-size:12.5px;color:var(--text-muted)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:56px 20px}.empty-state__icon{width:52px;height:52px;border-radius:50%;background:var(--info-bg);color:var(--blue);display:flex;align-items:center;justify-content:center;margin-bottom:16px}.empty-state__icon svg{width:24px;height:24px}.empty-state__title{font-size:14.5px;font-weight:600;color:var(--text);margin-bottom:4px}.empty-state__desc{font-size:13px;color:var(--text-muted);max-width:320px;margin-bottom:18px}.skeleton{background:linear-gradient(90deg,var(--surface-alt) 25%,#E9EEF3 37%,var(--surface-alt) 63%);background-size:400% 100%;animation:skeleton-wave 1.4s ease infinite;border-radius:var(--r-sm)}@keyframes skeleton-wave{0%{background-position:100% 50%}to{background-position:0 50%}}.sk-line{height:12px;margin-bottom:8px}.sk-title{height:16px;width:40%;margin-bottom:14px}.sk-kpi{height:96px;border-radius:var(--r-lg)}.sk-row{height:44px;margin-bottom:6px;border-radius:var(--r-sm)}.sk-chart{height:260px;border-radius:var(--r-md)}.sk-avatar{width:38px;height:38px;border-radius:50%}.chart-empty{height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--text-faint);background:linear-gradient(0deg,var(--border) 1px,transparent 1px);background-size:100% 56px;background-position:bottom;border-radius:var(--r-md)}.chart-empty svg{width:32px;height:32px;opacity:.5}.chart-empty span{font-size:13px;color:var(--text-muted)}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);margin-bottom:20px}.tab{padding:10px 4px;margin-right:20px;font-size:13.5px;font-weight:600;color:var(--text-muted);border-bottom:2px solid transparent}.tab.active{color:var(--blue);border-color:var(--blue)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;display:flex;align-items:center;justify-content:center;z-index:100;padding:20px}.modal{background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);width:100%;max-width:420px}.modal-header{padding:18px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.modal-body{padding:20px;font-size:13.5px;color:var(--text-muted)}.modal-footer{padding:16px 20px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:10px}.modal-lg{max-width:760px;margin-top:50px}.modal-body-scroll{max-height:70vh;overflow-y:auto}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--r-md);background:transparent;border:none;color:var(--text-muted);cursor:pointer}.icon-btn:hover{background:var(--surface-alt);color:var(--text)}.icon-btn svg{width:16px;height:16px}.toast{position:fixed;bottom:24px;right:24px;z-index:200;display:flex;align-items:center;gap:10px;background:var(--navy);color:#fff;padding:13px 18px;border-radius:var(--r-md);box-shadow:var(--shadow-lg);font-size:13px;transform:translateY(12px);opacity:0;transition:all var(--t-med) var(--ease)}.toast.show{transform:translateY(0);opacity:1}.toast svg{width:17px;height:17px;color:var(--sky)}.detail-grid{display:grid;gap:20px;align-items:start}@media (max-width:900px){.detail-grid{grid-template-columns:1fr}}.detail-row{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:12px 0;border-bottom:1px solid var(--border);font-size:13.5px}.detail-row:last-child{border-bottom:none}.detail-row .k{color:var(--text-muted);flex-shrink:0}.detail-row .v{font-weight:600;text-align:right;word-break:break-word;overflow-wrap:break-word}.detail-row .v.placeholder{color:var(--text-faint);font-weight:500}.dropdown{position:relative}.dropdown-menu{position:absolute;right:0;top:calc(100% + 8px);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-md);min-width:190px;padding:6px;z-index:50;opacity:0;visibility:hidden;transform:translateY(-6px);transition:all var(--t-fast) var(--ease)}.dropdown.is-open .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:var(--r-sm);font-size:13px;color:var(--text)}.dropdown-item:hover{background:var(--surface-alt)}.dropdown-item svg{width:15px;height:15px;color:var(--text-muted)}.dropdown-item.danger{color:var(--danger)}.dropdown-item.danger svg{color:var(--danger)}.dropdown-sep{height:1px;background:var(--border);margin:6px 4px}@media (max-width: 480px){.content-header{flex-direction:column;align-items:stretch;gap:10px;margin-bottom:14px}.content-header .btn{width:100%}.card-pad{padding:12px}.card-header{flex-direction:column;align-items:flex-start;gap:4px;padding:14px}.toolbar{flex-direction:column;align-items:stretch;gap:8px}.toolbar .grow{min-width:0;width:100%}.filter-select,.toolbar .btn{width:100%}.table-wrap{-webkit-overflow-scrolling:touch;margin:0 -12px;width:calc(100% + 24px);border-radius:0}.dtable th,.dtable td{padding:10px 12px;font-size:12.5px}.table-footer{flex-direction:column;align-items:stretch;gap:10px;padding:12px}.pagination{justify-content:center;flex-wrap:wrap}.rows-info{text-align:center}.form-grid{grid-template-columns:1fr;gap:0}.form-section{margin-bottom:20px}.form-actions{flex-direction:column-reverse;gap:8px}.form-actions .btn{width:100%}.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}.detail-grid{grid-template-columns:1fr;gap:14px}.detail-row{flex-direction:column;align-items:flex-start;gap:2px;padding:10px 0}.modal-overlay{padding:10px;align-items:flex-end}.modal,.modal-lg{max-width:100%;width:100%;margin-top:0;max-height:92vh;overflow-y:auto}.modal-header,.modal-body,.modal-footer{padding:14px}.modal-footer{flex-direction:column-reverse;gap:8px}.modal-footer .btn{width:100%}.btn{font-size:13px}}@media (min-width: 481px) and (max-width: 768px){.content-header{flex-wrap:wrap;gap:12px}.card-pad{padding:16px}.toolbar{flex-wrap:wrap}.toolbar .grow{min-width:100%}.filter-select{flex:1;width:auto}.dtable th,.dtable td{padding:12px 14px;font-size:13px}.table-footer{flex-wrap:wrap;gap:12px}.form-grid{grid-template-columns:1fr}.grid-4,.grid-3,.grid-2{grid-template-columns:repeat(2,1fr)}.detail-grid{grid-template-columns:1fr}.modal-lg{max-width:92vw;margin-top:24px}}@media (min-width: 769px) and (max-width: 1024px){.card-pad{padding:18px}.dtable{min-width:900px}.form-grid{grid-template-columns:1fr 1fr}.grid-4,.grid-3{grid-template-columns:repeat(3,1fr)}.grid-2,.detail-grid{grid-template-columns:repeat(2,1fr)}.modal-lg{max-width:720px}}@media (min-width: 1025px){.card-pad{padding:22px}.form-grid{grid-template-columns:1fr 1fr}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-2,.detail-grid{grid-template-columns:repeat(2,1fr)}.modal-lg{max-width:800px}}@media (min-width: 1920px){html{font-size:17px}.card-pad{padding:28px}.dtable th,.dtable td{padding:20px 22px;font-size:15px}.grid-4{grid-template-columns:repeat(4,1fr);gap:22px}.grid-3{grid-template-columns:repeat(3,1fr);gap:22px}.grid-2{grid-template-columns:repeat(2,1fr);gap:22px}.detail-grid{grid-template-columns:repeat(2,1fr);gap:26px}.modal-lg{max-width:900px}}