:root{
  --ink:#0b1324;
  --muted:#6c7890;
  --line:#e4eaf2;
  --paper:#f5f8fc;
  --white:#ffffff;
  --navy:#07172f;
  --navy-2:#0c2b52;
  --blue:#1477f8;
  --blue-2:#2b95ff;
  --cyan:#22b8f0;
  --teal:#10b7a5;
  --violet:#7559f2;
  --pink:#eb397c;
  --amber:#f2a52b;
  --danger:#d74444;
  --success:#1fa871;
  --sidebar:286px;
  --radius:18px;
  --shadow:0 14px 36px rgba(17,42,78,.07);
}
*{box-sizing:border-box}
html{background:var(--paper)}
body{margin:0;background:linear-gradient(180deg,#f8fbff 0,#f3f7fb 100%);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh}
a{color:inherit}
.dash-app{min-height:100vh;display:flex}
.dash-sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);padding:20px 15px 18px;background:radial-gradient(circle at 28% 8%,rgba(33,147,255,.24),transparent 26%),linear-gradient(180deg,#08203f 0,#07172f 58%,#071329 100%);color:#fff;z-index:1040;display:flex;flex-direction:column;overflow-y:auto;border-right:1px solid rgba(255,255,255,.06);box-shadow:16px 0 45px rgba(8,23,47,.12)}
.dash-brand{display:flex;flex-direction:column;text-decoration:none;color:#fff;padding:2px 11px 21px;margin-bottom:6px}
.brand-script{font-family:"Snell Roundhand","Segoe Script","Brush Script MT",cursive;font-size:2rem;font-style:italic;line-height:1;letter-spacing:-.04em;font-weight:600;white-space:nowrap}
.dash-brand small{margin-top:7px;color:#8cb6e7;font-size:.66rem;letter-spacing:.19em;text-transform:uppercase;font-weight:800}
.dash-nav{display:flex;flex-direction:column;gap:15px}
.nav-group{display:grid;gap:3px}
.nav-label{padding:0 11px 5px;color:#7fa3cd;font-size:.68rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.dash-nav a{position:relative;display:flex;align-items:center;gap:11px;min-height:42px;padding:9px 12px;border-radius:12px;color:#d9e5f4;text-decoration:none;font-size:.91rem;font-weight:560;transition:.18s ease}
.dash-nav a:hover{color:#fff;background:rgba(255,255,255,.07);transform:translateX(1px)}
.dash-nav a.active{color:#fff;background:linear-gradient(100deg,#176ef4,#47b8ff);box-shadow:0 8px 22px rgba(20,119,248,.32);font-weight:750}
.nav-icon{width:22px;height:22px;display:grid;place-items:center;font-size:1rem;opacity:.9;flex:0 0 22px}
.sidebar-footer{margin-top:auto;padding:22px 4px 0}
.sidebar-web-link{display:flex;align-items:center;gap:8px;text-decoration:none;color:#b9cbe2;font-size:.82rem;padding:8px 8px 13px}
.sidebar-web-link:hover{color:#fff}
.sidebar-user-mini{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.045);border-radius:14px}
.sidebar-user-copy{min-width:0;display:flex;flex-direction:column;flex:1}
.sidebar-user-copy strong{font-size:.83rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sidebar-user-copy small{font-size:.72rem;color:#92a8c4;margin-top:2px}
.sidebar-logout{border:0;background:transparent;color:#9fb6d0;font-size:1.1rem;padding:5px;line-height:1;border-radius:8px}
.sidebar-logout:hover{background:rgba(255,255,255,.08);color:#fff}
.sidebar-backdrop{display:none;position:fixed;inset:0;border:0;background:rgba(6,20,42,.48);backdrop-filter:blur(3px);z-index:1030}
.dash-main{margin-left:var(--sidebar);width:calc(100% - var(--sidebar));min-width:0}
.dash-topbar{height:78px;display:flex;align-items:center;gap:20px;padding:12px 24px;background:rgba(255,255,255,.91);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:1020}
.topbar-left{display:flex;align-items:center;gap:10px;min-width:260px}
.sidebar-toggle{border:1px solid var(--line);background:#fff;color:var(--navy);width:40px;height:40px;border-radius:12px;font-size:1rem}
.topbar-heading{display:flex;flex-direction:column;line-height:1.15}
.topbar-heading strong{font-size:1.12rem;letter-spacing:-.02em}
.topbar-path{font-size:.74rem;color:#74839a;margin-bottom:4px}.topbar-path span{color:#b3bdc9;margin:0 3px}
.topbar-search-wrap{position:relative;align-items:center;flex:1;max-width:470px;margin-left:auto}
.search-symbol{position:absolute;left:16px;color:#6f7f96;font-size:1.25rem;z-index:2;top:50%;transform:translateY(-52%)}
.topbar-search{width:100%;height:46px;border:1px solid #d9e3ef;border-radius:15px;background:#f8fbff;padding:0 66px 0 43px;color:var(--ink);outline:0;transition:.18s}
.topbar-search:focus{background:#fff;border-color:#8dc5ff;box-shadow:0 0 0 4px rgba(20,119,248,.08)}
.topbar-search-wrap kbd{position:absolute;right:11px;border:1px solid #d8e1ec;background:#fff;color:#7b8798;border-radius:8px;padding:3px 7px;font-size:.66rem;font-family:inherit;font-weight:700}
.command-results{position:absolute;left:0;right:0;top:53px;padding:7px;background:#fff;border:1px solid var(--line);box-shadow:0 18px 44px rgba(21,45,75,.14);border-radius:14px;z-index:1100;max-height:360px;overflow:auto}
.command-results a{display:flex;justify-content:space-between;align-items:center;padding:10px 11px;border-radius:10px;text-decoration:none;font-size:.88rem;color:var(--ink)}
.command-results a:hover,.command-results a.is-active{background:#eff6ff;color:#0b5fc9}
.command-results small{color:#8a96a8;font-size:.7rem}
.command-empty{padding:12px;color:#7f8a99;font-size:.82rem}
.topbar-actions{display:flex;align-items:center;gap:10px;margin-left:auto}
.top-action{min-height:42px;padding:0 14px;display:inline-flex;align-items:center;gap:6px;border-radius:12px;color:#fff;text-decoration:none;font-size:.84rem;font-weight:780;box-shadow:0 8px 20px rgba(20,119,248,.12)}
.top-action.primary{background:linear-gradient(135deg,#1477f8,#1f8cff)}
.top-action.teal{background:linear-gradient(135deg,#12b79f,#0ca3b8)}
.top-action:hover{color:#fff;filter:brightness(.98);transform:translateY(-1px)}
.user-menu-button{height:50px;display:flex;align-items:center;gap:10px;border:0;background:transparent;border-left:1px solid var(--line);padding:0 0 0 16px;color:var(--ink)}
.user-avatar,.user-menu-button img{width:37px;height:37px;border-radius:50%;object-fit:cover;display:grid;place-items:center;background:linear-gradient(145deg,#e8f4ff,#d6e8ff);color:#155aa9;font-weight:850;border:1px solid #d9e5f0}
.user-menu-copy{flex-direction:column;text-align:left;line-height:1.1}.user-menu-copy strong{font-size:.82rem}.user-menu-copy small{font-size:.7rem;color:#7d8899;margin-top:4px}.user-chevron{color:#6f7e93;font-size:.9rem}
.dropdown-menu{border-radius:14px;padding:8px;min-width:200px}.dropdown-item{border-radius:9px;padding:9px 10px;font-size:.86rem}.dropdown-item:hover{background:#f2f7fc}
.dash-content{padding:24px;max-width:1720px;margin:0 auto}
.alert{border:0;border-radius:14px;box-shadow:0 8px 22px rgba(40,65,95,.05)}
.command-hero{position:relative;min-height:300px;border-radius:24px;border:1px solid #d7e8fa;background:radial-gradient(circle at 86% 18%,rgba(44,188,245,.18),transparent 28%),radial-gradient(circle at 67% 95%,rgba(126,99,246,.12),transparent 28%),linear-gradient(120deg,#ffffff 0,#f4f9ff 58%,#eaf5ff 100%);overflow:hidden;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(420px,.85fr);align-items:center;padding:34px 38px;box-shadow:var(--shadow)}
.command-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(66,128,194,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(66,128,194,.035) 1px,transparent 1px);background-size:36px 36px;mask-image:linear-gradient(90deg,transparent,black 45%,black);pointer-events:none}
.command-hero-copy{position:relative;z-index:2;max-width:760px}
.eyebrow,.section-caption{font-size:.7rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:#2c6ec5}
.command-hero h1{font-size:clamp(2.5rem,4.15vw,4.7rem);line-height:.96;letter-spacing:-.065em;margin:10px 0 15px;font-weight:900;color:#081329}
.command-hero h1 span{background:linear-gradient(100deg,#1477f8,#1db3ee);-webkit-background-clip:text;background-clip:text;color:transparent}
.command-hero p{max-width:650px;color:#51627a;font-size:1.06rem;margin:0;line-height:1.55}
.hero-pills{display:flex;gap:9px;flex-wrap:wrap;margin-top:24px}.hero-pills span{display:inline-flex;align-items:center;gap:7px;background:rgba(255,255,255,.76);border:1px solid #dbe7f4;box-shadow:0 6px 16px rgba(47,78,115,.05);border-radius:999px;padding:8px 12px;color:#35506f;font-size:.76rem;font-weight:720}.hero-pills b{font-size:.9rem;color:#1477f8}
.command-visual{position:relative;z-index:1;height:245px;min-width:430px}
.visual-orbit{position:absolute;border:1px solid rgba(31,137,240,.27);border-radius:50%;left:56%;top:50%;transform:translate(-50%,-50%)}.orbit-1{width:112px;height:112px}.orbit-2{width:164px;height:164px}.orbit-3{width:218px;height:218px;border-color:rgba(20,183,165,.24)}
.visual-core{position:absolute;left:56%;top:50%;transform:translate(-50%,-50%);width:74px;height:74px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#7ed5ff,#2568db 52%,#6339d9);border:8px solid rgba(255,255,255,.8);box-shadow:0 0 0 6px rgba(74,127,236,.08),0 13px 30px rgba(46,83,176,.26)}.visual-core span{font-size:.65rem;color:#fff;letter-spacing:.16em;font-weight:900}
.visual-chip{position:absolute;background:rgba(255,255,255,.9);border:1px solid #e0e9f4;box-shadow:0 8px 18px rgba(35,67,103,.09);border-radius:11px;padding:8px 11px;font-size:.69rem;font-weight:750;color:#264366}.chip-a{left:3%;top:15%}.chip-b{left:18%;top:61%}.chip-c{right:2%;top:20%}.chip-d{right:13%;bottom:4%}
.visual-node{position:absolute;width:12px;height:12px;border-radius:50%;box-shadow:0 0 0 5px rgba(255,255,255,.7),0 5px 14px rgba(43,100,174,.25)}.n1{background:#14b7a5;left:20%;top:34%}.n2{background:#f2a52b;left:33%;bottom:14%}.n3{background:#7559f2;right:17%;top:48%}.n4{background:#1d8cff;right:31%;bottom:9%}
.visual-bars{position:absolute;right:1%;bottom:38%;width:98px;height:76px;border-radius:14px;background:rgba(255,255,255,.86);border:1px solid #e4ebf4;display:flex;align-items:end;gap:6px;padding:13px;box-shadow:0 8px 18px rgba(36,65,101,.07)}.visual-bars i{flex:1;border-radius:4px 4px 1px 1px;background:linear-gradient(#2e8cf8,#6f70f4)}
.client-command{grid-template-columns:1fr 380px}.client-visual{height:230px;position:relative}.client-visual i{position:absolute;left:50%;top:50%;border:1px solid rgba(20,119,248,.24);border-radius:50%;transform:translate(-50%,-50%)}.client-visual i:nth-child(1){width:190px;height:190px}.client-visual i:nth-child(2){width:130px;height:130px;border-color:rgba(16,183,165,.28)}.client-visual i:nth-child(3){width:72px;height:72px;background:linear-gradient(145deg,#1477f8,#7559f2);border:8px solid #fff;box-shadow:0 12px 28px rgba(42,89,181,.22)}.client-visual span{position:absolute;left:50%;top:84%;transform:translateX(-50%);font-size:.76rem;color:#56708f;font-weight:800}
.metric-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.client-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}
.metric-card{position:relative;min-height:172px;overflow:hidden;display:flex;flex-direction:column;text-decoration:none;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:18px;padding:17px 18px;box-shadow:0 10px 28px rgba(26,50,80,.045);transition:.18s ease}.metric-card:hover{color:var(--ink);transform:translateY(-2px);box-shadow:0 15px 34px rgba(28,60,100,.09);border-color:#d2dfed}.metric-card:before{content:"";position:absolute;inset:auto -40px -70px auto;width:130px;height:130px;border-radius:50%;background:var(--metric-soft,#eef6ff)}
.metric-top{display:flex;align-items:center;gap:9px;color:#37485f;font-size:.79rem;font-weight:720;position:relative;z-index:1}.metric-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--metric-soft,#eef6ff);color:var(--metric,#1477f8);font-size:1rem;font-weight:900}.metric-card>strong{font-size:1.72rem;letter-spacing:-.045em;margin:17px 0 6px;position:relative;z-index:1}.metric-card>strong.negative{color:var(--danger)}.metric-card>strong.positive{color:var(--ink)}
.metric-foot{display:flex;justify-content:space-between;gap:10px;align-items:end;position:relative;z-index:1;margin-top:auto}.metric-foot span{font-size:.7rem;color:#708096;line-height:1.35}.metric-foot b{font-size:.69rem;color:var(--metric,#1477f8);white-space:nowrap}.metric-blue{--metric:#1477f8;--metric-soft:#eaf4ff}.metric-violet{--metric:#7559f2;--metric-soft:#f0edff}.metric-amber{--metric:#e9971d;--metric-soft:#fff3df}.metric-teal{--metric:#0ea78f;--metric-soft:#e4f9f5}.metric-pink{--metric:#df2f73;--metric-soft:#ffebf2}
.spark-bars{position:absolute;right:15px;bottom:16px;width:76px;height:42px;display:flex;gap:3px;align-items:end;opacity:.9}.spark-bars i{flex:1;background:linear-gradient(#67c8fb,#197af5);border-radius:4px 4px 1px 1px}.mini-line{position:absolute;right:16px;bottom:17px;width:75px;height:40px;display:flex;gap:4px;align-items:end}.mini-line i{width:9px;border-radius:4px 4px 1px 1px;background:#c7bcff}.mini-line i:nth-child(1){height:20%}.mini-line i:nth-child(2){height:38%}.mini-line i:nth-child(3){height:54%}.mini-line i:nth-child(4){height:74%}.mini-line i:nth-child(5){height:94%}
.metric-progress{height:7px;border-radius:999px;background:#e8edf3;margin-top:11px;overflow:hidden;position:relative;z-index:1}.metric-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#f3ae38,#f18b23)}
.people-wave{position:absolute;right:14px;bottom:18px;width:76px;height:40px;display:flex;gap:4px;align-items:end}.people-wave i{flex:1;border-radius:4px 4px 1px 1px;background:#77ded2}.people-wave i:nth-child(1){height:22%}.people-wave i:nth-child(2){height:34%}.people-wave i:nth-child(3){height:52%}.people-wave i:nth-child(4){height:74%}.people-wave i:nth-child(5){height:94%}
.mini-zigzag{position:absolute;right:17px;bottom:23px;width:68px;height:32px;background:linear-gradient(145deg,transparent 0 20%,#f486ae 21% 24%,transparent 25% 42%,#f486ae 43% 47%,transparent 48% 61%,#f486ae 62% 66%,transparent 67% 81%,#f486ae 82% 86%,transparent 87%)}
.panel-card,.library-card,.side-form-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:0 10px 30px rgba(24,52,86,.045)}
.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.panel-heading h2{font-size:1.08rem;margin:3px 0 0;letter-spacing:-.025em;font-weight:850}.panel-action,.panel-icon-action{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 11px;border:1px solid #dbe4ef;background:#f8fbff;color:#26415f;text-decoration:none;border-radius:10px;font-size:.75rem;font-weight:800}.panel-action:hover,.panel-icon-action:hover{background:#eef6ff;color:#135fae}.panel-icon-action{width:36px;padding:0;font-size:1.08rem}
.dashboard-table .table>:not(caption)>*>*{padding:.88rem .55rem;border-color:#edf1f5}.dashboard-table thead th,.table thead th{font-size:.67rem;text-transform:uppercase;letter-spacing:.07em;color:#77869a;font-weight:850}.dashboard-table td{font-size:.83rem}.dashboard-table td strong{display:block;font-size:.82rem}.dashboard-table td small{display:block;color:#8a98aa;margin-top:2px}.table-open{font-size:.74rem;font-weight:800;text-decoration:none;color:#166dcc}.table-open:hover{text-decoration:underline}
.status-pill{display:inline-flex;align-items:center;padding:5px 8px;border-radius:999px;font-size:.66rem;font-weight:800;text-transform:capitalize;background:#edf1f6;color:#5c6877}.status-pending_payment{background:#fff2d8;color:#9b6914}.status-payment_review,.status-submitted{background:#fff0c7;color:#8b6107}.status-paid,.status-verified,.status-active,.status-done,.status-sent{background:#ddf7ec;color:#12734f}.status-cancelled,.status-rejected,.status-failed{background:#ffe5e5;color:#a03535}.status-new,.status-in_progress{background:#e5f1ff;color:#1262bb}
.task-list{display:grid}.task-item{display:grid;grid-template-columns:22px 1fr 18px;gap:10px;align-items:start;padding:12px 0;border-bottom:1px solid #edf1f5;text-decoration:none;color:var(--ink)}.task-item:last-child{border-bottom:0}.task-item:hover{color:#145fae}.task-check{width:18px;height:18px;border:1.5px solid #9eb0c5;border-radius:50%;margin-top:18px}.task-copy{display:flex;flex-direction:column;gap:4px}.task-copy strong{font-size:.82rem;line-height:1.25}.task-copy small{font-size:.7rem;color:#8190a4}.task-more{color:#8593a4;padding-top:15px}.priority,.movement{display:inline-flex;align-self:flex-start;padding:3px 7px;border-radius:999px;font-size:.58rem;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.priority-low{background:#eef1f4;color:#66717f}.priority-normal{background:#e8f2ff;color:#216abd}.priority-high{background:#fff1d6;color:#9a6811}.priority-urgent{background:#ffe3e3;color:#a23535}
.quick-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.quick-grid a{min-height:78px;border-radius:13px;color:#fff;text-decoration:none;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:8px;font-size:.68rem;font-weight:800;line-height:1.15;box-shadow:0 8px 16px rgba(30,66,112,.1);transition:.15s}.quick-grid a:hover{color:#fff;transform:translateY(-1px);filter:saturate(1.05)}.quick-grid span{font-size:1rem;margin-bottom:5px}.q-pink{background:linear-gradient(145deg,#ea3b7c,#d72172)}.q-blue{background:linear-gradient(145deg,#2193ff,#0f6de2)}.q-teal{background:linear-gradient(145deg,#18baa4,#079ca7)}.q-violet{background:linear-gradient(145deg,#8564f6,#6842df)}.q-cyan{background:linear-gradient(145deg,#28bde9,#158fcd)}.q-navy{background:linear-gradient(145deg,#274a83,#17345f)}
.catalog-summary{margin-top:13px;padding:12px;border-radius:12px;background:#f5f9fd;border:1px solid #e4ebf3;display:flex;flex-direction:column}.catalog-summary span{font-size:.68rem;color:#758499}.catalog-summary strong{font-size:1.45rem;line-height:1;margin:5px 0}.catalog-summary small{font-size:.64rem;color:#7f8c9c}
.empty-state{border:1px dashed #ccd8e6;background:#f8fbfe;border-radius:13px;color:#718095;text-align:center;padding:28px;font-size:.8rem}.empty-state.compact{padding:18px}
.page-actions{display:flex;gap:12px;justify-content:space-between;align-items:center;margin-bottom:16px}.filter-bar{display:flex;gap:8px;flex:1;flex-wrap:wrap}.filter-bar .form-control{max-width:300px}.filter-bar .form-select{max-width:200px}
.form-control,.form-select{border-radius:11px;border-color:#dce5ef;min-height:42px;color:var(--ink);font-size:.86rem}.form-control:focus,.form-select:focus{border-color:#7db8f8;box-shadow:0 0 0 .2rem rgba(20,119,248,.09)}.form-label{font-size:.76rem;font-weight:750;color:#44556d}.form-text{font-size:.7rem;color:#8290a2}.btn{border-radius:11px;font-weight:750}.btn-primary,.btn-dark{background:#0c2343;border-color:#0c2343;color:#fff}.btn-primary:hover,.btn-dark:hover{background:#12335e;border-color:#12335e}.btn-success{background:#159a72;border-color:#159a72}.btn-outline-dark{border-color:#cbd6e3;color:#29405d}.btn-outline-dark:hover{background:#edf4fb;color:#183b65;border-color:#b9c8da}.btn-outline-light{border-color:rgba(255,255,255,.28)}
.side-form-card{background:linear-gradient(180deg,#0a2242,#0b1a33);color:#fff;position:sticky;top:100px;border-color:#122d51}.side-form-card .form-label,.side-form-card .form-text{color:#c0d1e4}.side-form-card .form-control,.side-form-card .form-select{background:#fff}.form-shell{padding:24px}.code-area{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.finance-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.finance-strip>div{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px;display:flex;flex-direction:column;box-shadow:0 8px 22px rgba(30,55,85,.04)}.finance-strip span{font-size:.74rem;color:#728095}.finance-strip strong{font-size:1.35rem;margin-top:6px}.finance-strip .net{background:linear-gradient(145deg,#09213e,#0c315b);color:#fff;border-color:#16375b}.finance-strip .net span{color:#a9bed5}.finance-strip .net strong{color:#62d9ca}
.movement-income{background:#e1f6ec;color:#287254}.movement-expense,.movement-purchase,.movement-refund{background:#ffe7e7;color:#942f2f}.movement-adjustment{background:#ece9ff;color:#5946bb}.payment-row,.payment-review{border:1px solid #e1e9f2;border-radius:14px;padding:14px;margin-top:10px}.order-head{background:linear-gradient(145deg,#0a2445,#123867);color:#fff;border-radius:20px;padding:23px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:end;box-shadow:0 10px 28px rgba(13,38,72,.15)}.order-head h2{margin:.25rem 0}.order-head p{color:#bad0e6;margin:0}.order-total{text-align:right;display:flex;flex-direction:column;align-items:flex-end}.order-total strong{font-size:2rem;color:#6ee2d3}.order-line{display:grid;grid-template-columns:1.1fr 1.2fr .45fr .7fr 36px;gap:8px;align-items:end;border:1px solid #e3eaf2;border-radius:14px;padding:12px;margin-bottom:10px}.order-line .wide{grid-column:1/5}.order-line label{font-size:.7rem;color:#78879a;margin-bottom:5px}.line-remove{height:42px;padding:0}.manual-total{display:flex;justify-content:space-between;align-items:end;margin-top:24px;padding-top:16px;border-top:1px solid rgba(255,255,255,.12)}.manual-total span{color:#b1c3d6}.manual-total strong{font-size:1.6rem;color:#6ce0d1}
.mail-preview{line-height:1.65}.signature-preview{margin-top:28px;padding-top:18px;border-top:1px solid #e8edf3;color:#54657a}.recipient-list{display:grid;gap:8px;max-height:420px;overflow:auto}.recipient-list>div{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid #edf1f5}.recipient-list span:first-child{display:flex;flex-direction:column}.recipient-list small{color:#8592a4}
.library-card{height:100%;background:linear-gradient(145deg,#0c2443,#102f57);color:#fff;border-color:#18385d}.library-card .text-muted{color:#b8c8d9!important}.creative-card{background:linear-gradient(145deg,#fff,#f4faff)}.content-copy{white-space:pre-wrap;color:#526277}.badge{font-weight:750}.text-bg-warning{color:#5f4500!important}.pagination .page-link{color:#123965;border-color:#dce5ef}.pagination .active>.page-link{background:#1477f8;border-color:#1477f8}
.auth-body{min-height:100vh;background:radial-gradient(circle at 84% 10%,rgba(20,119,248,.23),transparent 29%),linear-gradient(145deg,#06162d,#0c2b51);color:#fff}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:24px;position:relative}.auth-card{width:min(100%,470px);background:#fff;color:var(--ink);border-radius:24px;padding:28px;box-shadow:0 30px 100px rgba(0,0,0,.28)}.brand-link{position:absolute;top:26px;left:28px;color:#fff;text-decoration:none;font-family:"Snell Roundhand","Segoe Script","Brush Script MT",cursive;font-size:2rem;font-style:italic}.brand-link span{font-family:Inter,ui-sans-serif,system-ui;font-style:normal;font-size:.72rem;font-weight:700;margin-left:10px;color:#9fb8d5;letter-spacing:.1em;text-transform:uppercase}
@media(max-width:1499px){.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-lower>.col-xxl-2{width:100%}.quick-grid{grid-template-columns:repeat(6,1fr)}.catalog-summary{display:none}}
@media(max-width:1199.98px){.command-hero{grid-template-columns:1fr 360px;padding:30px}.command-visual{min-width:350px}.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.quick-grid{grid-template-columns:repeat(3,1fr)}.topbar-search-wrap{max-width:390px}}
@media(max-width:991.98px){.dash-sidebar{transform:translateX(-100%);transition:transform .22s ease}.dash-sidebar.open{transform:translateX(0)}.sidebar-backdrop.show{display:block}.dash-main{margin-left:0;width:100%}.dash-content{padding:16px}.dash-topbar{padding:10px 14px;height:70px}.topbar-left{min-width:auto}.command-hero{grid-template-columns:1fr;min-height:260px}.command-visual,.client-visual{display:none}.metric-grid,.client-metrics,.finance-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.page-actions{align-items:stretch;flex-direction:column}.filter-bar .form-control,.filter-bar .form-select{max-width:none;flex:1 1 180px}.order-line{grid-template-columns:1fr 1fr}.order-line .wide{grid-column:1/3}.line-remove{grid-column:2;justify-self:end}.side-form-card{position:static}}
@media(max-width:767.98px){.topbar-actions{gap:4px}.user-menu-button{padding-left:9px}.command-hero{padding:25px 22px;border-radius:19px}.command-hero h1{font-size:2.55rem}.command-hero p{font-size:.92rem}.metric-grid,.client-metrics{grid-template-columns:1fr 1fr}.metric-card{min-height:155px}.quick-grid{grid-template-columns:repeat(2,1fr)}.dashboard-table{margin:0 -8px}.panel-card{padding:16px}}
@media(max-width:575.98px){.dash-content{padding:12px}.topbar-path{display:none}.topbar-heading strong{font-size:.96rem}.metric-grid,.client-metrics,.finance-strip{grid-template-columns:1fr}.command-hero h1{font-size:2.15rem}.hero-pills{gap:6px}.hero-pills span{font-size:.67rem;padding:7px 9px}.metric-card{min-height:140px}.quick-grid{grid-template-columns:1fr 1fr}.order-head{align-items:flex-start;flex-direction:column;gap:14px}.order-total{text-align:left;align-items:flex-start}.brand-script{font-size:1.9rem}}