:root{--navy:#1b1b44;--navy-light:#2d2d68;--navy-deep:#14142f;--gold:#cdaa62;--gold-light:#e7d29a;--gold-deep:#b08d44;--bg:#eef1f8;--bg-2:#e6eaf5;--card:#fff;--border:#e4e8f2;--border-soft:#eef1f8;--text:#1f2440;--text-mute:#6b7393;--text-light:#6e7596;--green:#10b981;--green-soft:#d6f5e8;--orange:#f59e0b;--orange-soft:#fdeccf;--orange-text:#92400e;--red:#ef4444;--red-soft:#fde0e0;--blue:#4f6ef7;--blue-soft:#e2e8ff;--purple:#8b5cf6;--purple-soft:#ece4fe;--indigo:#6366f1;--shadow-sm:0 1px 2px #1b1b440d;--shadow:0 1px 3px #1b1b440f, 0 6px 20px #1b1b440f;--shadow-md:0 2px 6px #1b1b4412, 0 12px 32px #1b1b441a;--shadow-lg:0 8px 40px #1b1b4429;--radius:16px;--radius-sm:11px;--z-sticky:20;--z-dropdown:30;--z-flyout:80;--z-overlay:100;--z-modal:200;--z-modal-top:210;--z-toast:300;--z-tooltip:400}*{box-sizing:border-box;margin:0;padding:0}body{background:radial-gradient(1200px 600px at 100% -10%, #4f6ef70f, transparent 60%), radial-gradient(900px 500px at -10% 110%, #cdaa6212, transparent 55%), var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;background-attachment:fixed;font-family:Inter,-apple-system,sans-serif;font-size:14px;line-height:1.5}a{color:inherit;text-decoration:none}.mockup-banner{color:#ffffffa8;background:#1b1b44eb;border-bottom:1px solid #ffffff14;align-items:center;gap:9px;padding:6px 28px;font-size:12px;display:flex}.mockup-banner strong{color:var(--gold-light);font-weight:600}.mockup-banner i{color:var(--gold)}.app-layout{grid-template-columns:248px minmax(0,1fr);min-height:100vh;display:grid}.app-sidebar{background:linear-gradient(180deg, #1f1f47 0%, var(--navy) 55%, #16162f 100%);color:#fff;flex-direction:column;align-self:start;height:100vh;padding:20px 14px;display:flex;position:sticky;top:0;box-shadow:inset -1px 0 #ffffff0a,2px 0 18px #0a0a1e2e}.app-sidebar .brand{color:var(--gold);letter-spacing:.2px;border-bottom:1px solid #ffffff12;align-items:center;gap:10px;margin-bottom:22px;padding:4px 10px 16px;font-size:17px;font-weight:800;display:flex}.app-sidebar .brand .brand-logo{object-fit:contain;filter:drop-shadow(0 3px 8px #0006);flex-shrink:0;width:56px;height:56px}.nav-scroll{flex:1;margin:0 -4px;padding:0 4px;overflow:hidden auto}.nav-scroll::-webkit-scrollbar{width:6px}.nav-scroll::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:6px}.nav-scroll::-webkit-scrollbar-track{background:0 0}.app-sidebar .nav-item{color:#ffffffb8;cursor:pointer;border-radius:9px;align-items:center;gap:12px;margin-bottom:2px;padding:10px 12px;font-size:14px;font-weight:500;text-decoration:none;transition:background .15s,color .15s,padding .15s;display:flex;position:relative}.app-sidebar .nav-item:hover{color:#fff;background:#ffffff0f}.app-sidebar .nav-item.active{color:var(--gold);background:#c5a55a29;font-weight:600}.app-sidebar .nav-item.active:before{content:"";background:var(--gold);border-radius:3px;width:3px;position:absolute;top:18%;bottom:18%;left:-4px}.app-sidebar .nav-item i{text-align:center;flex-shrink:0;width:18px;font-size:14px}.app-sidebar .nav-item span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.nav-section-label{letter-spacing:.04em;text-transform:uppercase;color:#ffffff73;padding:12px 12px 4px;font-size:11px;font-weight:700}.nav-group{margin-bottom:2px}.nav-group-head{color:#ffffffc7;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:9px;align-items:center;gap:12px;width:100%;padding:10px 12px;font-family:inherit;font-size:14px;font-weight:600;transition:background .15s,color .15s;display:flex}.nav-group-head:hover{color:#fff;background:#ffffff0f}.nav-group-head .nav-group-icon{text-align:center;flex-shrink:0;width:18px;font-size:14px}.nav-group-head .nav-group-label{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.nav-group-head .nav-chevron{opacity:.55;width:auto;font-size:11px;transition:transform .2s}.nav-group.open .nav-group-head .nav-chevron{transform:rotate(180deg)}.nav-group-head.has-active{color:var(--gold)}.nav-group-head.has-active:after{content:"";background:var(--gold);border-radius:50%;width:6px;height:6px;margin-left:2px}.nav-group-body{grid-template-rows:0fr;transition:grid-template-rows .22s;display:grid}.nav-group.open .nav-group-body{grid-template-rows:1fr}.nav-group-inner{border-left:1px solid #ffffff17;min-height:0;margin-left:14px;padding-left:6px;overflow:hidden}.app-sidebar .nav-item.nav-sub{color:#ffffff9e;padding:8px 12px;font-size:13.5px;font-weight:500}.app-sidebar .nav-item.nav-sub:hover{color:#fff}.app-sidebar .nav-item.nav-sub.active{color:var(--gold)}.app-sidebar .nav-item.nav-sub.active:before{left:-7px}.nav-subgroup{margin:1px 0}.nav-subgroup-head{cursor:pointer;text-align:left;color:#ffffffb8;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;width:100%;padding:7px 12px;font-size:13.5px;font-weight:600;transition:background .15s,color .15s;display:flex}.nav-subgroup-head:hover{color:#fff;background:#ffffff0f}.nav-subgroup-head .nav-subgroup-icon{text-align:center;flex-shrink:0;width:16px;font-size:13px}.nav-subgroup-head .nav-subgroup-label{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.nav-subgroup-head .nav-chevron{opacity:.5;width:auto;font-size:10px;transition:transform .2s}.nav-subgroup.open .nav-subgroup-head .nav-chevron{transform:rotate(180deg)}.nav-subgroup-head.has-active{color:var(--gold)}.nav-subgroup-head.has-active:after{content:"";background:var(--gold);border-radius:50%;width:5px;height:5px;margin-left:4px}.nav-subgroup-body{grid-template-rows:0fr;transition:grid-template-rows .2s;display:grid}.nav-subgroup.open .nav-subgroup-body{grid-template-rows:1fr}.nav-subgroup-inner{border-left:1px solid #ffffff14;min-height:0;margin-left:12px;padding-left:6px;overflow:hidden}.nav-subgroup-inner .nav-item.nav-sub{padding:7px 10px;font-size:13px}.sidebar-user{background:#ffffff0d;border:1px solid #ffffff12;border-radius:12px;align-items:center;gap:10px;margin-top:14px;padding:10px;display:flex}.sidebar-user .avatar{background:linear-gradient(135deg, var(--gold), var(--gold-light));width:36px;height:36px;color:var(--navy);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex;box-shadow:0 2px 8px #c5a55a4d}.sidebar-user .who{flex:1;min-width:0}.sidebar-user .who-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.sidebar-user .who-role{color:#ffffff80;font-size:11px}.sidebar-user .logout-btn{color:#ffffff80;cursor:pointer;border-radius:8px;flex-shrink:0;padding:7px;transition:background .15s,color .15s}.sidebar-user .logout-btn:hover{color:#fca5a5;background:#ef44442e}.main{background:var(--bg);min-width:0;overflow-y:auto}.nav-overlay,.nav-close,.bottom-nav{display:none}.app-layout{transition:grid-template-columns .2s cubic-bezier(.77,0,.175,1)}.rail-toggle{cursor:pointer;color:#ffffff4d;width:100%;font:inherit;background:0 0;border:none;border-radius:9px;align-items:center;gap:10px;margin-top:6px;padding:8px 12px;font-size:12px;font-weight:500;transition:background .15s,color .15s;display:flex}.rail-toggle:hover{color:#ffffffb8;background:#ffffff0d}.rail-toggle i{text-align:center;flex-shrink:0;width:16px;font-size:11px}.rail .rail-toggle{color:#ffffff38}.rail .rail-toggle:hover{color:#ffffffa6}.app-layout.rail{grid-template-columns:64px minmax(0,1fr)}.rail .app-sidebar{z-index:var(--z-overlay);padding:18px 8px}.rail .app-sidebar .brand{justify-content:center;gap:0;padding:4px 0 14px}.rail .app-sidebar .brand>span{display:none}.rail .app-sidebar .brand .brand-logo{width:40px;height:40px}.rail .nav-scroll{overflow:visible}.rail .nav-item,.rail .nav-group-head{justify-content:center;gap:0;padding:11px 0}.rail .nav-group-label,.rail .nav-chevron,.rail .nav-group-head.has-active:after,.rail .sidebar-user .who,.rail .sidebar-user .logout-btn,.rail .rail-toggle>span{display:none}.rail .sidebar-user{background:0 0;border:none;justify-content:center;margin-top:8px;padding:8px 0}.rail .nav-item i,.rail .nav-group-icon{font-size:16px}.rail .rail-toggle{justify-content:center;padding:9px 0}.rail .nav-item{position:relative}.rail .nav-item>span{transform-origin:0;color:#fff;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;z-index:var(--z-flyout);background:#16162f;border:1px solid #ffffff1f;border-radius:8px;padding:7px 11px;font-size:13px;font-weight:500;transition:opacity .14s,transform .14s cubic-bezier(.23,1,.32,1),visibility 0s linear .14s;position:absolute;top:50%;left:calc(100% + 8px);transform:translateY(-50%)scale(.96);box-shadow:0 10px 26px #00000073}.rail .nav-item:hover>span{opacity:1;visibility:visible;transition:opacity .14s .15s,transform .14s cubic-bezier(.23,1,.32,1) .15s,visibility 0s linear .15s;transform:translateY(-50%)scale(1)}.rail .nav-group{position:relative}.rail .nav-group-body{transform-origin:0;opacity:0;visibility:hidden;pointer-events:none;width:220px;z-index:var(--z-flyout);background:#16162f;border:1px solid #ffffff1f;border-radius:11px;grid-template-rows:1fr;padding:8px;transition:opacity .16s,transform .16s cubic-bezier(.23,1,.32,1),visibility 0s linear .16s;position:absolute;top:-2px;left:calc(100% + 8px);transform:scale(.97);box-shadow:0 14px 34px #00000080}.rail .nav-group:hover .nav-group-body{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .16s .15s,transform .16s cubic-bezier(.23,1,.32,1) .15s,visibility 0s linear .15s;transform:scale(1)}.rail .nav-item:hover:after,.rail .nav-group:hover:after{content:"";width:14px;z-index:calc(var(--z-flyout) - 1);position:absolute;top:0;bottom:0;left:100%}.rail .nav-group:hover .nav-group-body:before{content:"";z-index:79;width:16px;position:absolute;top:0;bottom:0;left:-16px}.rail .nav-group-inner{border-left:none;margin-left:0;padding-left:0}.rail .nav-group-body .nav-item{justify-content:flex-start;gap:10px;padding:8px 10px}.rail .nav-group-body .nav-item>span{opacity:1;visibility:visible;pointer-events:auto;box-shadow:none;background:0 0;border:none;padding:0;position:static;transform:none}.rail .nav-subgroup-body{grid-template-rows:1fr}.rail .nav-subgroup-inner{margin-left:8px}@media (max-width:1024px){.rail-toggle{display:none}}@media (min-width:641px) and (max-width:1024px){:has(>.data-table){-webkit-overflow-scrolling:touch;overflow-x:auto}.data-table{min-width:700px}}@media (max-width:640px){.app-layout{grid-template-columns:1fr}.app-sidebar{z-index:60;will-change:transform;width:280px;max-width:86vw;height:100dvh;padding:20px 14px;transition:transform .3s cubic-bezier(.32,.72,0,1);position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.app-layout.sheet-open .app-sidebar{transform:translate(0);box-shadow:6px 0 40px #0a0a1e73}.app-sidebar .brand>span,.nav-group-label,.nav-chevron,.sidebar-user .who,.sidebar-user .logout-btn{display:revert}.nav-item>span{opacity:1;visibility:visible;pointer-events:auto;box-shadow:none;background:0 0;border:none;padding:0;position:static;transform:none}.nav-group-body{width:auto;box-shadow:none;opacity:1;visibility:visible;background:0 0;border:none;grid-template-rows:0fr;padding:0;position:static;transform:none}.nav-group.open .nav-group-body{grid-template-rows:1fr}.rail-toggle{display:none}.main{padding-bottom:66px}.nav-overlay{opacity:0;pointer-events:none;z-index:58;background:#0a0a1e73;transition:opacity .3s;display:block;position:fixed;inset:0}.app-layout.sheet-open .nav-overlay{opacity:1;pointer-events:auto}.nav-close{color:#fff;cursor:pointer;z-index:2;background:#ffffff1a;border:none;border-radius:9px;justify-content:center;align-items:center;width:34px;height:34px;font-size:15px;display:inline-flex;position:absolute;top:12px;right:12px}.bottom-nav{z-index:55;background:var(--navy);padding:6px 4px calc(6px + env(safe-area-inset-bottom));border-top:1px solid #ffffff1a;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #0a0a1e40}.bottom-nav-item{cursor:pointer;color:#fff9;font:inherit;background:0 0;border:none;border-radius:8px;flex-direction:column;flex:1;align-items:center;gap:3px;min-width:0;padding:6px 2px;font-size:10px;font-weight:500;text-decoration:none;transition:color .15s,transform .1s;display:flex}.bottom-nav-item i{font-size:17px}.bottom-nav-item span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.bottom-nav-item.active{color:var(--gold)}.bottom-nav-item:active{transform:scale(.94)}.data-table{min-width:0;box-shadow:none;border:0}.data-table thead{display:none}.data-table tbody{display:block}.data-table tr{background:var(--card);border:1px solid var(--border);border-radius:10px;margin-bottom:10px;padding:4px 14px;display:block}.data-table td{border:0;border-bottom:1px solid var(--border-soft);text-align:right;justify-content:space-between;align-items:center;gap:14px;min-height:0;padding:9px 0;display:flex}.data-table tr td:last-child{border-bottom:0}.data-table td:before{content:attr(data-label);color:var(--text-mute);text-align:left;flex-shrink:0;font-size:12px;font-weight:600}.data-table td[colspan]{justify-content:center}.data-table td[colspan]:before{display:none}:has(>.data-table){overflow-x:visible}.data-table .icon-btn,.data-table .act-btn,.icon-eye,.modal-close{justify-content:center;align-items:center;min-width:44px;min-height:44px;display:inline-flex}}@media (prefers-reduced-motion:reduce){.app-layout,.app-sidebar,.nav-overlay,.rail .nav-item>span,.rail .nav-group-body{transition:none}}.topbar{-webkit-backdrop-filter:saturate(180%)blur(8px);backdrop-filter:saturate(180%)blur(8px);border-bottom:1px solid var(--border);z-index:var(--z-sticky);background:#ffffffd9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:15px 28px;display:flex;position:sticky;top:0;box-shadow:0 1px 12px #1a1a3e0a}@media (max-width:640px){.topbar{padding:12px 16px}}.topbar .breadcrumb{color:var(--text-mute);align-items:center;gap:8px;font-size:13px;display:flex}.topbar .breadcrumb a{color:var(--blue);cursor:pointer}.topbar .breadcrumb a:hover{text-decoration:underline}.topbar .actions{gap:8px;display:flex}.page-title{color:var(--navy);letter-spacing:-.4px;font-size:23px;font-weight:800}.page-container{padding:24px 30px}.card{background:var(--card);border-radius:var(--radius);border:1px solid var(--border-soft);box-shadow:var(--shadow);margin-bottom:18px;transition:box-shadow .22s,transform .22s;overflow:hidden}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.card-header{border-bottom:1px solid var(--border-soft);cursor:pointer;-webkit-user-select:none;user-select:none;background:linear-gradient(#fafbff,#f4f6fc);justify-content:space-between;align-items:center;padding:15px 18px;display:flex}.card-header h3{color:var(--navy);letter-spacing:-.1px;align-items:center;gap:9px;font-size:13.5px;font-weight:700;display:flex}.card-header h3>i:first-child{color:var(--gold-deep)}.card-header .toggle{color:var(--text-mute);font-size:12px;transition:transform .2s}.card.collapsed .card-header .toggle{transform:rotate(-90deg)}.card-body{padding:12px 16px 16px}.card.collapsed .card-body{display:none}.btn{cursor:pointer;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:9px 16px;font-family:inherit;font-size:13px;font-weight:600;text-decoration:none;transition:background .15s,box-shadow .15s,transform .1s,border-color .15s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--navy);color:#fff;box-shadow:0 2px 8px #1a1a3e2e}.btn-primary:hover{background:var(--navy-light);box-shadow:0 4px 14px #1a1a3e42}.btn-secondary{background:var(--card);color:var(--navy);border-color:var(--border)}.btn-secondary:hover{background:var(--bg);border-color:var(--navy)}.btn-gold{background:var(--gold);color:var(--navy);box-shadow:0 2px 8px #c5a55a52}.btn-gold:hover{background:var(--gold-light);box-shadow:0 4px 14px #c5a55a66}.btn-danger{color:#991b1b;background:#fee2e2;border:1px solid #fca5a5}.btn-danger:hover{background:#fecaca}.btn-success{background:var(--green);color:#fff}.btn-success:hover{background:#059669}.btn-full{width:100%}.btn-sm{padding:5px 10px;font-size:12px}.btn.loading{pointer-events:none;opacity:.75}.btn.loading:before{content:"";border:2px solid;border-right-color:#0000;border-radius:50%;width:12px;height:12px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.btn:disabled,.btn[disabled],.btn.disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.badge{border-radius:12px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-block}.badge.lead{color:#1e40af;background:#dbeafe}.badge.client{color:#065f46;background:#d1fae5}.badge.vip{color:#92400e;background:#fef3c7}.badge.source{color:#5b21b6;background:#ede9fe}.badge.pending{color:#92400e;background:#fef3c7}.badge.transit{color:#1e40af;background:#dbeafe}.badge.delivered{color:#065f46;background:#d1fae5}.badge.cancelled{color:#991b1b;background:#fee2e2}.badge.inactive{color:#6b7280;background:#f3f4f6}.badge.paid{color:#065f46;background:#d1fae5}.badge.unpaid{color:#991b1b;background:#fee2e2}.list-toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;display:flex}.list-toolbar .search{flex:1;min-width:240px;position:relative}.list-toolbar .search input{border:1px solid var(--border);background:var(--card);border-radius:8px;width:100%;padding:9px 12px 9px 38px;font-family:inherit;font-size:14px}.list-toolbar .search input:focus{border-color:var(--navy);outline:none}.list-toolbar .search i{color:var(--text-mute);position:absolute;top:50%;left:14px;transform:translateY(-50%)}.data-table{background:var(--card);border-radius:var(--radius-sm);border:1px solid var(--border-soft);border-collapse:separate;border-spacing:0;width:100%;box-shadow:var(--shadow-sm);overflow:hidden}.data-table thead th{text-align:left;color:var(--text-mute);text-transform:uppercase;letter-spacing:.6px;border-bottom:1px solid var(--border);background:linear-gradient(#f6f8fd,#eef1f9);padding:13px 16px;font-size:11px;font-weight:700}.data-table tbody td{border-bottom:1px solid var(--border-soft);padding:14px 16px;font-size:14px}.data-table tbody tr:last-child td{border-bottom:0}.data-table tbody tr{cursor:pointer;transition:background .12s,box-shadow .12s}.data-table tbody tr:hover{background:#f3f6fe}.data-table th.th-sort{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .15s,background .15s}.data-table th.th-sort:hover{color:var(--navy);background:#1b1b440d}.data-table th.th-sort-active{color:var(--navy)}.th-sort-arrow{color:var(--gold);margin-left:5px;font-size:9px}.data-table .row-avatar{align-items:center;gap:10px;display:flex}.data-table .avatar-sm{background:linear-gradient(135deg, var(--gold), var(--gold-light));width:32px;height:32px;color:var(--navy);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.data-table .ref-mono{background:var(--navy);color:var(--gold);letter-spacing:1px;border-radius:4px;padding:3px 8px;font-family:monospace;font-size:12px;font-weight:700;display:inline-block}.data-table .table-actions{justify-content:flex-end;gap:4px;display:flex}.data-table .icon-btn{color:var(--text-mute);cursor:pointer;background:0 0;border:0;border-radius:4px;padding:6px 8px}.data-table .icon-btn:hover{background:var(--bg);color:var(--navy)}.ref-mono{background:var(--navy);color:var(--gold);letter-spacing:1px;border-radius:4px;padding:3px 8px;font-family:monospace;font-size:11px;font-weight:700;display:inline-block}.buy-card{border:1px solid var(--border-soft);background:#fff;border-radius:12px;margin-bottom:14px;padding:16px 18px;box-shadow:0 1px 2px #0f172a0a}.buy-card .head{border-bottom:1px solid var(--border-soft);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;padding-bottom:10px;display:flex}.buy-card .head strong{color:var(--navy)}.buy-note{white-space:pre-wrap;word-break:break-word;background:#fffbeb;border:1px solid #fde68a;border-radius:8px;max-height:160px;margin:12px 0;padding:10px 14px;font-family:Inter,sans-serif;font-size:12.5px;line-height:1.6;overflow-y:auto}.buy-note strong{font-family:inherit}.buy-note a{color:var(--blue);word-break:break-all}.buy-actions{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.pagination{color:var(--text-mute);justify-content:space-between;align-items:center;padding:16px 0;font-size:13px;display:flex}.pagination .pages{gap:4px;display:flex}.pagination .pages .pg{border:1px solid var(--border);background:var(--card);cursor:pointer;color:inherit;border-radius:6px;padding:6px 10px;font-family:inherit;font-size:13px;line-height:1.2;transition:background .15s,border-color .15s,color .15s}.pagination .pages .pg.active{background:var(--navy);color:#fff;border-color:var(--navy)}.pagination .pages .pg:hover:not(.active):not(.disabled):not(.ellipsis){background:var(--bg)}.pagination .pages .pg.disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.pagination .pages .pg.ellipsis{cursor:default;background:0 0;border-color:#0000}.kpi-grid{grid-template-columns:1fr;gap:14px;margin-bottom:20px;display:grid}@media (min-width:640px){.kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1200px){.kpi-grid{grid-template-columns:repeat(4,1fr)}}.kpi-card{background:var(--card);border:1px solid var(--border-soft);border-radius:var(--radius);box-shadow:var(--shadow);align-items:flex-start;gap:15px;padding:20px 20px 18px;transition:box-shadow .22s,transform .22s;display:flex;position:relative;overflow:hidden}.kpi-card:before{content:"";background:linear-gradient(90deg, var(--gold), var(--gold-light));opacity:.9;height:4px;position:absolute;top:0;left:0;right:0}.kpi-card:has(.kpi-icon.blue):before{background:linear-gradient(90deg,#4f6ef7,#7c93ff)}.kpi-card:has(.kpi-icon.green):before{background:linear-gradient(90deg,#10b981,#5eead4)}.kpi-card:has(.kpi-icon.gold):before{background:linear-gradient(90deg,#cdaa62,#e7d29a)}.kpi-card:has(.kpi-icon.purple):before{background:linear-gradient(90deg,#8b5cf6,#c4b5fd)}.kpi-card:has(.kpi-icon.orange):before{background:linear-gradient(90deg,#f59e0b,#fdba74)}.kpi-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.kpi-card .kpi-icon{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:19px;display:flex;box-shadow:0 6px 16px #1b1b441a}.kpi-card .kpi-icon.blue{color:#fff;background:linear-gradient(135deg,#5a78ff,#8aa0ff)}.kpi-card .kpi-icon.green{color:#fff;background:linear-gradient(135deg,#10b981,#34d399)}.kpi-card .kpi-icon.gold{color:#4a3a12;background:linear-gradient(135deg,#cdaa62,#e7d29a)}.kpi-card .kpi-icon.purple{color:#fff;background:linear-gradient(135deg,#8b5cf6,#a78bfa)}.kpi-card .kpi-icon.orange{color:#fff;background:linear-gradient(135deg,#f59e0b,#fbbf24)}.kpi-content .lbl{color:var(--text-mute);text-transform:uppercase;letter-spacing:.6px;margin-bottom:6px;font-size:11.5px;font-weight:600}.kpi-content .value{color:var(--navy);letter-spacing:-.6px;font-size:27px;font-weight:800;line-height:1.1}.kpi-content .trend{margin-top:6px;font-size:12px;font-weight:600}.kpi-content .trend.up{color:var(--green)}.kpi-content .trend.down{color:var(--red)}.grid-2{grid-template-columns:1fr 1fr;gap:14px;display:grid}@media (max-width:980px){.grid-2{grid-template-columns:1fr}}.form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.form-grid .full{grid-column:1/-1}@media (max-width:700px){.form-grid{grid-template-columns:1fr}}.field label{color:var(--text);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.field input:not([type=checkbox]):not([type=radio]),.field select,.field textarea{border:1.5px solid var(--border);width:100%;color:var(--text);background:#fbfcff;border-radius:10px;padding:11px 13px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s,background .15s}.field input:hover,.field select:hover,.field textarea:hover{border-color:#cdd4e8}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--blue);background:#fff;outline:none;box-shadow:0 0 0 4px #4f6ef71f}.field input::placeholder,.field textarea::placeholder{color:var(--text-light)}.field textarea{resize:vertical;min-height:90px}.field .hint{color:var(--text-mute);margin-top:5px;font-size:12px}.modal-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:var(--z-modal);background:#14142f80;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.modal-backdrop.show{animation:.15s fadeIn;display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--card);width:100%;max-width:520px;max-height:85vh;box-shadow:var(--shadow-lg);border-radius:18px;flex-direction:column;animation:.18s cubic-bezier(.16,1,.3,1) modalPop;display:flex;overflow:hidden}@keyframes modalPop{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:none}}.modal-header{border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-header h2{color:var(--navy);align-items:center;gap:10px;font-size:16px;font-weight:700;display:flex}.modal-close{cursor:pointer;color:var(--text-mute);background:0 0;border:0;border-radius:6px;padding:4px 8px;font-size:18px}.modal-close:hover{background:var(--bg)}.modal-body{padding:20px;overflow-y:auto}.modal-body label{color:var(--text);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.modal-body input[type=text],.modal-body input[type=email],.modal-body input[type=tel],.modal-body input[type=date],.modal-body input[type=time],.modal-body input[type=datetime-local],.modal-body input[type=number],.modal-body select,.modal-body textarea{border:1px solid var(--border);width:100%;color:var(--text);background:var(--card);border-radius:6px;margin-bottom:16px;padding:10px 12px;font-family:inherit;font-size:14px}.modal-body textarea{resize:vertical;min-height:100px}.modal-footer{border-top:1px solid var(--border-soft);background:#fafbfd;justify-content:flex-end;gap:8px;padding:14px 20px;display:flex}.toast-container{z-index:var(--z-toast);flex-direction:column;gap:8px;display:flex;position:fixed;top:20px;right:20px}.toast{background:var(--card);border-left:4px solid var(--blue);border-radius:10px;align-items:flex-start;gap:10px;min-width:280px;max-width:380px;padding:14px 16px 14px 14px;display:flex;box-shadow:0 8px 25px #00000026}.toast.success{border-left-color:var(--green)}.toast.warn{border-left-color:var(--orange)}.toast.error{border-left-color:var(--red)}.toast.info{border-left-color:var(--blue)}.toast .toast-icon{background:var(--bg);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:11px;display:flex}.toast.success .toast-icon{color:#065f46;background:#d1fae5}.toast.warn .toast-icon{color:#92400e;background:#fef3c7}.toast.error .toast-icon{color:#991b1b;background:#fee2e2}.toast.info .toast-icon{color:#1e40af;background:#dbeafe}.toast .toast-body{flex:1;font-size:13px}.toast .toast-title{color:var(--navy);margin-bottom:2px;font-weight:600}.toast .toast-msg{color:var(--text-mute);font-size:12px}.record-shell{grid-template-columns:var(--record-rail-w,320px) minmax(0, 1fr);gap:20px;padding:4px 0 8px;display:grid}.record-shell-rail{grid-area:1/1;min-width:0}.record-shell-main{grid-area:1/2;min-width:0}@media (max-width:1024px){.record-shell{grid-template-columns:minmax(0,1fr)}.record-shell-main{grid-area:1/1}.record-shell-rail{grid-area:2/1}}.contact-header{text-align:center;padding-top:20px}.contact-header .avatar{background:linear-gradient(135deg, var(--gold), var(--gold-light));width:64px;height:64px;color:var(--navy);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 12px;font-size:22px;font-weight:700;display:flex}.contact-header h2{color:var(--navy);margin-bottom:4px;font-size:17px;font-weight:700}.contact-header .contact-email{color:var(--blue);font-size:13px}.quick-actions{grid-template-columns:repeat(6,1fr);gap:6px;padding:16px 12px 10px;display:grid}.quick-actions .qa{cursor:pointer;color:var(--text-mute);background:0 0;border:none;border-radius:6px;flex-direction:column;align-items:center;gap:5px;padding:9px 2px;font-size:10.5px;transition:background .15s;display:flex}.quick-actions .qa:hover{background:var(--bg);color:var(--navy)}.quick-actions .qa-icon{background:var(--bg);width:30px;height:30px;color:var(--navy);border-radius:50%;justify-content:center;align-items:center;display:flex}.props{flex-direction:column;gap:14px;display:flex}.props .prop label{color:var(--text-mute);text-transform:uppercase;letter-spacing:.5px;margin-bottom:3px;font-size:11px;font-weight:500;display:block}.props .prop .val{color:var(--text);word-break:break-word;font-size:14px}.props .prop .val.ref{background:var(--navy);color:var(--gold);letter-spacing:1.5px;border-radius:6px;padding:4px 10px;font-size:13px;font-weight:700;display:inline-block}.props .prop a.val{color:var(--blue);cursor:pointer}.props .prop a.val:hover{text-decoration:underline}.props .prop .val.muted{color:var(--text-light)}.tabs{border-bottom:1px solid var(--border);background:linear-gradient(#fafbff,#f4f6fc);flex-wrap:nowrap;gap:2px;padding:0 8px;display:flex;overflow-x:auto}.tabs .tab{color:var(--text-mute);cursor:pointer;white-space:nowrap;border-bottom:2.5px solid #0000;border-radius:8px 8px 0 0;flex-shrink:0;padding:13px 16px;font-size:13.5px;font-weight:600;transition:color .15s,border-color .15s,background .15s;position:relative}.tabs .tab:hover{color:var(--navy);background:#1b1b4408}.tabs .tab.active{color:var(--navy);border-bottom-color:var(--gold);font-weight:700}.tab-badge{color:#fff;background:#ef4444;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;margin-left:4px;padding:0 5px;font-size:11px;font-weight:700;line-height:1;display:inline-flex}.subtabs{flex-wrap:wrap;gap:4px;padding:14px 16px 0;display:flex}.subtabs .stab{color:var(--text-mute);cursor:pointer;border:1px solid #0000;border-radius:6px;padding:6px 12px;font-size:13px}.subtabs .stab:hover{background:var(--bg)}.subtabs .stab.active{background:var(--bg);color:var(--navy);border-color:var(--border);font-weight:600}.filters{border-bottom:1px solid var(--border-soft);background:#fafbfd;flex-wrap:wrap;gap:10px;padding:14px 16px;display:flex}.filter-pill{background:var(--card);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;display:inline-flex}.filter-pill:hover{border-color:var(--navy)}.filter-pill.active{border-color:var(--navy);background:var(--navy);color:#fff;font-weight:600}.filter-clear{color:var(--blue);cursor:pointer;margin-left:auto;font-size:12px}.filter-clear:hover{text-decoration:underline}.timeline{padding:8px 16px 20px}.timeline .month{color:var(--text-mute);text-transform:uppercase;letter-spacing:1px;padding:14px 0 10px;font-size:12px;font-weight:700}.event{background:var(--card);border:1px solid var(--border-soft);border-radius:8px;margin-bottom:8px;overflow:hidden}.event-head{border-bottom:1px solid var(--border-soft);background:#fafbfd;align-items:center;gap:10px;padding:12px 14px;display:flex}.event-icon{background:var(--bg);width:28px;height:28px;color:var(--navy);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;display:flex}.event-icon.note{color:#92400e;background:#fef3c7}.event-icon.email{color:#1e40af;background:#dbeafe}.event-icon.call{color:#065f46;background:#d1fae5}.event-icon.task{color:#5b21b6;background:#ede9fe}.event-icon.system{color:#475569;background:#f1f5f9}.event-title{color:var(--navy);flex:1;font-size:13px;font-weight:600}.event-meta{color:var(--text-mute);font-size:12px}.event-body{color:var(--text);padding:12px 14px;font-size:14px}.event-body p{margin-bottom:6px}.event-body a{color:var(--blue);cursor:pointer}.stat-row{border-bottom:1px dashed var(--border-soft);justify-content:space-between;padding:6px 0;font-size:13px;display:flex}.stat-row:last-child{border-bottom:0}.stat-row .lbl{color:var(--text-mute)}.stat-row .num{color:var(--navy);font-weight:700}.order-list{flex-direction:column;gap:8px;display:flex}.order{border:1px solid var(--border-soft);cursor:pointer;background:#fafbfd;border-radius:8px;padding:10px 12px;font-size:13px}.order:hover{border-color:var(--navy)}.order .order-top{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.order .order-ref{color:var(--navy);font-family:monospace;font-size:12px;font-weight:700}.order .order-date{color:var(--text-mute);font-size:11px}.order .order-status{align-items:center;gap:5px;font-size:11px;font-weight:600;display:inline-flex}.order .dot{background:var(--green);border-radius:50%;width:7px;height:7px}.order.pending .dot{background:var(--orange)}.order.shipped .dot{background:var(--blue)}.order.delivered .dot{background:var(--green)}.add-note{background:var(--card);border:1px dashed var(--border);color:var(--text-light);cursor:pointer;border-radius:8px;margin:8px 16px 12px;padding:10px 12px;font-size:13px}.add-note:hover{border-color:var(--navy);color:var(--navy)}.zone-danger{background:#fef2f2;border:1px solid #fecaca;border-radius:10px;padding:14px 16px}.zone-danger h3{color:#991b1b;margin-bottom:8px;font-size:13px;font-weight:700}.zone-danger p{color:#7f1d1d;margin-bottom:10px;font-size:12px}.tracking-bar{align-items:center;gap:8px;margin-top:8px;display:flex}.tracking-bar .step{background:var(--bg);border-radius:3px;flex:1;height:6px;position:relative}.tracking-bar .step.done{background:var(--green)}.tracking-bar .step.active{background:var(--blue)}.tracking-bar .step-label{color:var(--text-mute);text-align:center;margin-top:4px;font-size:11px}.steps{gap:0;margin:16px 0;display:flex}.steps .step-item{text-align:center;flex:1;position:relative}.steps .step-item:not(:last-child):after{content:"";background:var(--border);height:2px;position:absolute;top:14px;left:50%;right:-50%}.steps .step-item.done:not(:last-child):after{background:var(--green)}.steps .step-circle{background:var(--bg);border:2px solid var(--border);z-index:1;width:30px;height:30px;color:var(--text-mute);border-radius:50%;justify-content:center;align-items:center;margin-bottom:6px;font-size:12px;display:inline-flex;position:relative}.steps .step-item.done .step-circle{background:var(--green);border-color:var(--green);color:#fff}.steps .step-item.active .step-circle{background:var(--blue);border-color:var(--blue);color:#fff}.steps .step-label{color:var(--text-mute);font-size:12px}.steps .step-item.done .step-label,.steps .step-item.active .step-label{color:var(--navy);font-weight:600}.xls{border-collapse:collapse;width:auto;min-width:100%;font-size:13px}.xls th,.xls td{border:1px solid var(--border-soft);text-align:left;white-space:nowrap;padding:8px 10px}.xls thead th{color:#fff;background:#1a1a3e;font-weight:600;position:sticky;top:0}.xls tbody tr:nth-child(2n){background:#fafbfd}.xls td.num{text-align:right;font-variant-numeric:tabular-nums}.xls tfoot td{border-top:2px solid var(--gold);background:#fffbeb;font-weight:700;position:sticky;bottom:0}.xls-wrap{border:1px solid var(--border-soft);background:linear-gradient(90deg,#fff 30%,#fff0) 0/30px 100% no-repeat local,linear-gradient(90deg,#fff0,#fff 70%) 100%/30px 100% no-repeat local,linear-gradient(90deg,#0f172a1a,#0f172a00) 0/12px 100% no-repeat,linear-gradient(90deg,#0f172a00,#0f172a1a) 100%/12px 100% no-repeat;border-radius:8px;max-height:62vh;overflow:auto}.xls-wrap::-webkit-scrollbar{width:12px;height:12px}.xls-wrap::-webkit-scrollbar-thumb{background:#c2c8d6;border:3px solid #fff;border-radius:6px}.xls-wrap::-webkit-scrollbar-thumb:hover{background:#9aa3b8}.xls .col-actions{z-index:3;text-align:center;width:84px;min-width:84px;position:sticky;right:0;box-shadow:-8px 0 8px -6px #0f172a2e}.xls thead .col-actions{z-index:5;background:#1a1a3e}.xls tbody .col-actions{background:#fff}.xls tbody tr:nth-child(2n) .col-actions{background:#fafbfd}.xls tfoot .col-actions{z-index:5;background:#fffbeb}.xls .col-actions .act-btn{cursor:pointer;background:0 0;border:none;padding:4px 6px;font-size:14px}.xls .col-actions .act-btn.edit{color:#1a56db}.xls .col-actions .act-btn.del{color:#c0392b}.xls .col-actions .act-btn.rev{color:#b8860b}.xls .col-actions .act-btn:hover{filter:brightness(.85)}.kpi-c{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px;display:grid}@media (max-width:900px){.kpi-c{grid-template-columns:repeat(2,1fr)}}.kpi-b{border:1px solid var(--border-soft);background:#fff;border-radius:14px;flex-direction:column;gap:6px;padding:16px 18px;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 2px #1018280a}.kpi-b:before{content:"";background:var(--gold);opacity:.85;width:4px;position:absolute;top:0;bottom:0;left:0}.kpi-b .lbl{color:var(--text-mute);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:6px;font-size:11px;font-weight:600;display:flex}.kpi-b .lbl i{color:var(--gold)}.kpi-b .val{color:var(--navy);font-size:24px;font-weight:700;line-height:1.1}.kpi-b .sub{color:var(--text-mute);font-size:11px}.kpi-b.green:before{background:var(--green)}.kpi-b.green .lbl i{color:var(--green)}.kpi-b.red:before{background:var(--red)}.kpi-b.red .lbl i{color:var(--red)}.kpi-b.navy:before{background:var(--navy)}.kpi-b.navy .lbl i{color:var(--navy)}.sec-card{border:1px solid var(--border-soft);background:#fff;border-radius:14px;margin-bottom:18px;overflow:hidden;box-shadow:0 1px 2px #1018280a}.sec-head{border-bottom:1px solid var(--border-soft);align-items:center;gap:12px;padding:14px 18px;display:flex}.sec-head h3{color:var(--navy);align-items:center;gap:8px;margin:0;font-size:14px;font-weight:700;display:flex}.sec-head h3 i{color:var(--gold)}.sec-head .sec-sub{color:var(--text-mute);font-size:12px}.sec-head .search{min-width:230px;margin-left:auto;position:relative}.sec-head .search input{border:1px solid var(--border);border-radius:8px;width:100%;padding:8px 12px 8px 34px;font-family:inherit;font-size:13px}.sec-head .search input:focus{border-color:var(--navy);outline:none}.sec-head .search i{color:var(--text-mute);position:absolute;top:50%;left:12px;transform:translateY(-50%)}.sec-card .data-table{border:0;border-radius:0}.sec-card .data-table thead th{background:#f7f8fb}.sec-card .data-table tbody tr:hover{background:#fafbff}.sec-card .data-table tfoot tr{background:linear-gradient(#fbfcfe,#f4f6fb)}.sec-card .data-table tfoot td{border-top:1px solid var(--border-soft);letter-spacing:.5px;text-transform:uppercase;color:var(--text-mute);border-bottom:0;padding:14px 16px;font-size:11px;font-weight:700}.sec-card .data-table tfoot td.total-val{letter-spacing:0;text-transform:none;color:var(--navy);font-size:16px}.tab-note{border-radius:12px;align-items:flex-start;gap:10px;margin-bottom:18px;padding:12px 16px;font-size:12.5px;line-height:1.5;display:flex}.tab-note i{margin-top:2px;font-size:14px}.tab-note.indigo{color:#3730a3;background:#eef2ff;border:1px solid #e0e7ff}.tab-note.indigo i{color:#4f46e5}.tab-note.gold{color:#92400e;background:#fffbeb;border:1px solid #fde68a}.tab-note.gold i{color:var(--gold)}.tab-note.green{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0}.tab-note.green i{color:var(--green)}.act-btn{cursor:pointer;border:1px solid var(--border);color:var(--navy);background:#fff;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:12.5px;font-weight:600;display:inline-flex}.act-btn:hover{border-color:var(--navy);background:#fafbff}.act-btn.gold{background:var(--gold);border-color:var(--gold);color:var(--navy)}.act-btn.gold:hover{background:var(--gold-light)}.act-btn.green{background:var(--green);border-color:var(--green);color:#fff}.act-btn.ghost{color:var(--text-mute)}.act-btn:disabled,.act-btn[disabled]{opacity:.6;cursor:not-allowed;pointer-events:none}.icon-eye{border:1px solid var(--border);width:34px;height:34px;color:var(--navy);cursor:pointer;background:#fff;border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.icon-eye:hover{background:var(--navy);color:#fff;border-color:var(--navy)}.badge.st-wait{color:#92400e;background:#fef3c7}.badge.st-recv{color:#1e40af;background:#dbeafe}.badge.st-paid{color:#065f46;background:#d1fae5}.tab-note-tana{color:#3730a3;background:#eef2ff;border:1px solid #e0e7ff;border-radius:12px;align-items:flex-start;gap:10px;margin-bottom:16px;padding:12px 16px;font-size:12.5px;line-height:1.5;display:flex}.tab-note-tana i{color:#4f46e5;margin-top:2px;font-size:14px}.kpi-tana{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px;display:grid}@media (max-width:900px){.kpi-tana{grid-template-columns:repeat(2,1fr)}}.kpi-tb{border:1px solid var(--border-soft);background:#fff;border-radius:14px;padding:16px 18px;position:relative;overflow:hidden;box-shadow:0 1px 2px #1018280a}.kpi-tb:before{content:"";background:var(--gold);width:4px;position:absolute;top:0;bottom:0;left:0}.kpi-tb .lbl{color:var(--text-mute);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:6px;font-size:11px;font-weight:600;display:flex}.kpi-tb .lbl i{color:var(--gold)}.kpi-tb .val{color:var(--navy);margin-top:6px;font-size:26px;font-weight:700}.kpi-tb.green:before{background:var(--green)}.kpi-tb.green .lbl i{color:var(--green)}.kpi-tb.navy:before{background:var(--navy)}.kpi-tb.navy .lbl i{color:var(--navy)}.sec-card-tana{border:1px solid var(--border-soft);background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 1px 2px #1018280a}.sec-card-tana .data-table{border:0;border-radius:0}.sec-card-tana .data-table thead th{background:#f7f8fb}.sec-head-tana{border-bottom:1px solid var(--border-soft);align-items:center;gap:12px;padding:14px 18px;display:flex}.sec-head-tana h3{color:var(--navy);align-items:center;gap:8px;margin:0;font-size:14px;font-weight:700;display:flex}.sec-head-tana h3 i{color:var(--gold)}.sec-head-tana .cnt{color:var(--text-mute);font-size:13px;font-weight:400}.sec-card-tana .data-table tfoot tr{background:linear-gradient(#fbfcfe,#f4f6fb)}.sec-card-tana .data-table tfoot td{border-top:1px solid var(--border-soft);letter-spacing:.5px;text-transform:uppercase;color:var(--text-mute);padding:14px 16px;font-size:11px;font-weight:700}.sec-card-tana .data-table tfoot td.total-val{letter-spacing:0;text-transform:none;color:var(--navy);font-size:16px}@media print{.app-sidebar,.topbar,.mockup-banner,.no-print,.quick-actions,.tabs,.subtabs,.btn,button{display:none!important}html,body{background:#fff!important}.app-layout{display:block!important}.main{width:100%!important;margin:0!important}.page-container{max-width:100%!important;box-shadow:none!important;background:#fff!important;margin:0!important;padding:0!important}.card{break-inside:avoid;page-break-inside:avoid;box-shadow:none!important;border:1px solid #ddd!important}a[href]:after{content:none!important}@page{margin:1.4cm}.print-only{display:block!important}}.print-only{display:none}.actions-menu{display:inline-block;position:relative}.actions-menu-trigger{align-items:center;gap:8px;display:inline-flex}.actions-menu-caret{opacity:.6;font-size:10px;transition:transform .18s}.actions-menu-trigger.open .actions-menu-caret{transform:rotate(180deg)}.actions-menu-dropdown{background:var(--card);border:1px solid var(--border);min-width:220px;box-shadow:var(--shadow-md);z-index:var(--z-overlay);border-radius:12px;padding:6px;animation:.14s menuPop;position:absolute;top:calc(100% + 6px);right:0}@keyframes menuPop{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.actions-menu-item{width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;padding:9px 11px;font-family:inherit;font-size:13.5px;font-weight:500;transition:background .12s,color .12s;display:flex}.actions-menu-item i{text-align:center;width:16px;color:var(--text-mute)}.actions-menu-item:hover{background:var(--bg);color:var(--navy)}.actions-menu-item:hover i{color:var(--gold-deep)}.actions-menu-item.danger,.actions-menu-item.danger i{color:var(--red)}.actions-menu-item.danger:hover{background:var(--red-soft)}.help-banner{border:1px solid #0000;border-radius:12px;align-items:flex-start;gap:10px;margin-bottom:16px;padding:12px 16px;font-size:13px;line-height:1.55;display:flex}.help-banner>i:first-child{flex-shrink:0;margin-top:2px}.help-banner.blue{color:#36408a;background:linear-gradient(#eef2ff,#e8edff);border-color:#d4ddff}.help-banner.blue>i:first-child,.help-banner.blue strong{color:var(--blue)}.help-banner.gold{color:#7a5f1e;background:linear-gradient(#fffaef,#fdf3da);border-color:#f3e3bd}.help-banner.gold>i:first-child,.help-banner.gold strong{color:var(--gold-deep)}.help-banner.neutral{border-color:var(--border);color:var(--text-mute);background:linear-gradient(#f6f8fd,#eef1f9)}.help-banner.neutral strong{color:var(--navy)}a:focus-visible,button:focus-visible,[role=button]:focus-visible,[role=tab]:focus-visible,[tabindex]:focus-visible,.tab:focus-visible,.nav-item:focus-visible,.nav-group-head:focus-visible,.nav-subgroup-head:focus-visible,.filter-pill:focus-visible,.filter-clear:focus-visible,.stab:focus-visible,.th-sort:focus-visible,.pg:focus-visible,.order:focus-visible,.data-table tbody tr:focus-visible,.btn:focus-visible,.icon-btn:focus-visible,.act-btn:focus-visible{outline:2px solid var(--navy);outline-offset:2px;border-radius:4px}.data-table tbody tr:focus-visible{box-shadow:inset 0 0 0 2px var(--navy);outline:none}@keyframes toast-in{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}.toast{animation:.18s ease-out both toast-in}.skeleton{background:linear-gradient(100deg, var(--bg-2) 30%, #f1f4fb 50%, var(--bg-2) 70%);background-size:200% 100%;border-radius:8px;animation:1.3s ease-out infinite skeleton-shimmer}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-kpi{border-radius:var(--radius);border:1px solid var(--border-soft);background:var(--card);height:96px;box-shadow:var(--shadow);align-items:center;gap:15px;padding:20px;display:flex}.skeleton-kpi .sk-icon{border-radius:14px;flex-shrink:0;width:48px;height:48px}.skeleton-kpi .sk-lines{flex-direction:column;flex:1;gap:8px;display:flex}.skeleton-card{border-radius:var(--radius);border:1px solid var(--border-soft);background:var(--card);box-shadow:var(--shadow);flex-direction:column;gap:12px;padding:18px;display:flex}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}