:root{--bg:#f5f7fb;--surface:#fff;--surface-raised:#fff;--surface-muted:#eef4fb;--ink:#17202c;--ink-soft:#334155;--muted:#64748b;--blue:#1769e8;--blue-soft:#dcebff;--nav:#0d2034;--nav-2:#132b44;--green:#16875a;--green-soft:#dff6ea;--yellow:#f5bd13;--yellow-soft:#fff1bf;--danger:#e14b6f;--border:#dbe4f0;--border-strong:#c7d4e4;--shadow:0 14px 34px #0f172a14;--shadow-soft:0 8px 22px #0f172a0f}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--bg);color:var(--ink);letter-spacing:0;font-family:Inter,Arial,sans-serif}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}.loading-screen{background:var(--surface-muted);color:var(--ink-soft);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-page{background:linear-gradient(135deg, #1769e81f, #10b98114), var(--surface-muted);grid-template-columns:minmax(320px,.92fr) minmax(340px,430px);justify-content:center;align-items:stretch;gap:24px;min-height:100vh;padding:clamp(24px,4vw,48px);display:grid}.login-hero{color:#fff;background:linear-gradient(145deg,#122b48f5,#0b2339fa),#0d2034;border:1px solid #ffffff1a;border-radius:8px;align-content:center;gap:18px;min-height:calc(100vh - 96px);padding:clamp(32px,5vw,58px);animation:.36s ease-out both login-panel-enter;display:grid;position:relative;overflow:hidden;box-shadow:0 28px 70px #0f172a38}.login-hero:after{content:"";background:linear-gradient(90deg,#0000,#ffffff14,#0000);width:28%;height:100%;position:absolute;top:0;right:15%;transform:skew(-18deg)}.login-brand,.sidebar-brand{align-items:center;gap:12px;display:flex}.login-brand img,.sidebar-brand img{object-fit:cover;border-radius:8px;width:52px;height:52px}.login-brand strong,.sidebar-brand strong{font-size:18px;display:block}.login-brand span,.sidebar-brand span{color:#a8d8ee;margin-top:2px;font-size:13px;display:block}.login-brand-invert,.login-hero-copy,.login-highlights{z-index:1;position:relative}.login-hero-copy{gap:14px;max-width:560px;margin-top:28px;display:grid}.login-hero-copy>span{color:#8fe3bf;letter-spacing:0;text-transform:uppercase;font-size:12px;font-weight:900}.login-hero h1{color:#eaf4ff;max-width:520px;margin:0;font-size:clamp(36px,5vw,58px);line-height:1.05}.login-hero p{color:#d5e5f5;max-width:500px;margin:0;font-size:18px;line-height:1.6}.login-highlights{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.login-highlights span{color:#eaf4ff;background:#ffffff1a;border:1px solid #ffffff1f;border-radius:999px;padding:9px 12px;font-size:13px;font-weight:900}.login-card{border:1px solid var(--border);background:#fffffff0;border-radius:8px;align-self:center;gap:16px;width:100%;max-width:410px;margin:0 auto;padding:32px;animation:.42s ease-out both login-card-enter;display:grid;box-shadow:0 24px 64px #0f172a24}.login-card-header{align-items:center;gap:14px;margin-bottom:4px;display:flex}.login-card-header div{gap:2px;display:grid}.login-card-header span{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:900}.login-logo{object-fit:contain;border-radius:8px;width:58px;height:58px}.login-card h1{color:var(--blue);margin:0;font-size:28px;line-height:1.1}.login-card label{color:var(--ink);gap:7px;font-size:13px;font-weight:700;display:grid}.login-card input{border:1px solid var(--border-strong);color:var(--ink);background:#fbfdff;border-radius:6px;outline:0;min-height:44px;padding:0 12px;font-size:15px;transition:border-color .15s,box-shadow .15s,background-color .15s}.login-card input:focus{border-color:var(--blue);background:#fff;box-shadow:0 0 0 3px #1769e824}.login-card button{background:var(--blue);color:#fff;cursor:pointer;border:0;border-radius:6px;min-height:46px;font-size:15px;font-weight:800;transition:background-color .15s,box-shadow .15s,transform .15s}.login-card button:hover:not(:disabled){background:#135dcf;transform:translateY(-1px);box-shadow:0 14px 30px #1769e83d}.login-card button:disabled{cursor:wait;opacity:.7}.login-secure-note{color:var(--muted);text-align:center;margin:0;font-size:12px;font-weight:800;line-height:1.45}.login-error{color:#9a1f3e;text-align:center;background:#fff0f3;border:1px solid #f5b6c5;border-radius:6px;margin:0;padding:10px;font-size:14px}@keyframes login-panel-enter{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@keyframes login-card-enter{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.app-frame{grid-template-columns:auto 1fr;min-height:100vh;display:grid}.sidebar{background:var(--nav);color:#dbeafe;z-index:70;flex-direction:column;width:280px;min-height:100vh;padding:24px 14px;transition:width .16s,background-color .16s;display:flex;position:sticky;top:0;overflow:visible}.sidebar.collapsed{background:#18222c;width:74px}.sidebar-brand{min-height:52px;margin-bottom:26px;overflow:hidden}.sidebar.collapsed .sidebar-brand{justify-content:center}.sidebar.collapsed .sidebar-brand img{width:42px;height:42px}.sidebar.collapsed .sidebar-brand div,.sidebar.collapsed .sidebar-section,.sidebar.collapsed .nav-item strong,.sidebar.collapsed .sidebar-user div{display:none}.sidebar-toggle{background:var(--blue);color:#fff;cursor:pointer;z-index:20;border:2px solid #fff;border-radius:999px;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;font-weight:900;display:flex;position:absolute;top:38px;right:-18px}.sidebar-section{color:#8fb6d6;letter-spacing:0;text-transform:uppercase;margin:0 10px 10px;font-size:11px;font-weight:900}.sidebar-nav{gap:6px;display:grid}.nav-item{color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:12px;width:100%;min-height:46px;padding:0 12px;display:flex}.nav-icon{background:#ffffff12;border:1px solid #ffffff14;border-radius:6px;flex:0 0 28px;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;font-weight:900;display:inline-flex}.nav-item strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.nav-item.active,.nav-item:hover{color:#fff;background:#ffffff1a}.nav-item.active .nav-icon{background:var(--blue);border-color:var(--blue)}.sidebar.collapsed .nav-item{z-index:1;position:relative}.sidebar.collapsed .nav-item:after{box-shadow:var(--shadow-md);color:#fff;content:attr(data-label);opacity:0;pointer-events:none;white-space:nowrap;z-index:120;background:#0f172a;border:1px solid #ffffff1f;border-radius:6px;padding:8px 10px;font-size:12px;font-weight:800;transition:opacity .12s,transform .12s;position:absolute;top:50%;left:calc(100% + 10px);transform:translateY(-50%)translate(-4px)}.sidebar.collapsed .nav-item:hover:after,.sidebar.collapsed .nav-item:focus-visible:after{opacity:1;transform:translateY(-50%)}.logout{color:#ff7894;margin-top:18px}.sidebar-user{border-top:1px solid #ffffff1f;align-items:center;gap:12px;min-height:70px;margin-top:auto;padding-top:18px;display:flex;overflow:hidden}.sidebar-avatar{background:var(--green);color:#fff;border-radius:999px;flex:0 0 42px;justify-content:center;align-items:center;width:42px;height:42px;font-weight:900;display:inline-flex}.sidebar-user strong,.sidebar-user div span{display:block}.sidebar-user strong{color:#fff;text-overflow:ellipsis;white-space:nowrap;max-width:180px;font-size:13px;overflow:hidden}.sidebar-user div span{color:#a8d8ee;margin-top:3px;font-size:12px}.sidebar.collapsed .sidebar-user{justify-content:center;gap:0}.sidebar.collapsed .sidebar-avatar{margin:0}.app-content{min-width:0;padding:28px 34px 38px}.page-transition-shell{transform-origin:top;animation:.17s ease-out both page-enter}@keyframes page-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.app-shell-header{justify-content:space-between;align-items:center;gap:16px;max-width:1500px;margin:0 auto 20px;display:flex}.app-shell-header h1{color:var(--ink);margin:2px 0 0;font-size:30px;line-height:1.12}.section-eyebrow{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:900;display:block}.app-shell-actions{background:var(--surface-raised);border:1px solid var(--border);box-shadow:var(--shadow-soft);text-align:right;border-radius:8px;align-items:flex-end;min-width:220px;padding:12px 14px;display:grid}.app-shell-actions span{color:var(--green);font-size:12px;font-weight:900}.app-shell-actions strong{color:var(--ink-soft);overflow-wrap:anywhere;margin-top:3px;font-size:13px}.dashboard-page{max-width:1500px;margin:0 auto}.dashboard-toolbar{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.user-line{color:var(--ink-soft);margin:4px 0 0;font-weight:800}.status-pill{background:var(--yellow-soft);color:#7a4d00;border:1px solid #f5d268;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:900}.status-pill.ready{background:var(--green-soft);color:#12623f;border-color:#b8e7cb}.institutional-header{background:var(--surface-raised);border:1px solid var(--border);box-shadow:var(--shadow-soft);border-radius:8px;margin-bottom:14px;overflow:hidden}.top-bar{background:var(--blue);color:#fff;justify-content:space-between;gap:16px;padding:7px 20px;font-size:12px;font-weight:800;display:flex}.institutional-main{background:#f8fafc;justify-content:space-between;align-items:center;padding:14px 22px;display:flex}.institutional-kicker{color:var(--muted);text-transform:uppercase;margin-bottom:3px;font-size:10px;font-weight:900;display:block}.institutional-main h2{color:var(--blue);margin:0;font-size:28px;line-height:1}.institutional-main p{color:var(--ink-soft);margin:4px 0 0;font-size:13px}.institutional-main img{border:1px solid var(--border);object-fit:contain;background:#fff;border-radius:8px;width:54px;height:54px;padding:6px}.usuario-bar{border-top:1px solid var(--border);color:var(--ink-soft);background:#f2f7ff;align-items:center;gap:8px;margin:0;padding:9px 18px;display:flex}.usuario-bar span{background:var(--blue-soft);color:var(--blue);border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:900;display:inline-flex}.dashboard-alert{color:#725000;background:#fff8dc;border:1px solid #f3d47a;border-radius:6px;margin:0 0 16px;padding:10px 14px}.dashboard-note{color:#1e3a5f;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;margin:0 0 16px;padding:11px 14px;font-size:13px;font-weight:800}.dashboard-command-bar{margin-bottom:16px}.metric-grid{grid-template-columns:repeat(4,minmax(170px,1fr));gap:16px;display:grid}.metric-card{color:#fff;border-radius:8px;min-height:128px;padding:20px;position:relative;overflow:hidden}.metric-card:after{content:"";background:#ffffff24;width:150px;height:100px;position:absolute;bottom:-44px;right:-30px;transform:rotate(-18deg)}.metric-head{z-index:1;justify-content:space-between;align-items:center;display:flex;position:relative}.metric-head span{font-size:14px;font-weight:900}.metric-badge{border:1px solid #ffffff6b;border-radius:999px;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex;position:relative}.metric-badge:before,.metric-badge:after{content:"";display:block;position:absolute}.metric-badge-total:before{opacity:.9;background:currentColor;border-radius:3px;width:14px;height:18px}.metric-badge-total:after{opacity:.8;border-top:2px solid;border-bottom:2px solid;width:22px;height:6px}.metric-badge-current:before{border-top:3px solid;border-left:3px solid;width:13px;height:13px;transform:rotate(45deg)}.metric-badge-current:after{opacity:.35;background:currentColor;border-radius:999px;width:16px;height:16px}.metric-badge-growth:before{border:2px solid;border-radius:999px;width:17px;height:17px}.metric-badge-growth:after{background:currentColor;border-radius:999px;width:24px;height:4px;transform:rotate(-35deg)}.metric-badge-ticket:before{border:2px solid;border-radius:4px;width:22px;height:15px}.metric-badge-ticket:after{opacity:.8;background:currentColor;border-radius:999px;width:5px;height:5px}.metric-card strong{overflow-wrap:anywhere;z-index:1;margin-top:4px;font-size:26px;display:block;position:relative}.metric-sparkline{opacity:.48;z-index:1;width:calc(100% - 36px);height:44px;position:absolute;bottom:13px;left:18px;right:18px}.metric-sparkline path{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:4px}.metric-blue{background:#1769e8}.metric-green{background:var(--green)}.metric-yellow{background:var(--yellow);color:#111827}.metric-yellow .metric-head i{border-color:#11182747}.metric-dark{background:#1d2631}.metric-card-v2{--metric-accent:var(--blue);background:var(--surface-raised);border:1px solid var(--border);box-shadow:var(--shadow-soft);color:var(--ink);min-height:132px}.metric-card-v2.is-clickable{cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .15s}.metric-card-v2.is-clickable:hover,.metric-card-v2.is-clickable:focus{border-color:color-mix(in srgb, var(--metric-accent) 38%, #fff);outline:0;transform:translateY(-1px);box-shadow:0 18px 40px #1769e81f}.metric-card-v2:after{display:none}.metric-card-v2 .metric-head span{color:var(--muted);font-size:13px}.metric-card-v2 .metric-badge{background:color-mix(in srgb, var(--metric-accent) 12%, #fff);border-color:color-mix(in srgb, var(--metric-accent) 22%, #fff);color:var(--metric-accent)}.metric-card-v2 strong{color:var(--ink);margin-top:12px;font-size:28px}.metric-card-v2.metric-green{--metric-accent:var(--green)}.metric-card-v2.metric-yellow{--metric-accent:#b67800}.metric-card-v2.metric-dark{--metric-accent:#334155}.metric-card-footer{z-index:1;justify-content:space-between;align-items:center;gap:10px;margin-top:12px;display:flex;position:relative}.metric-card-footer small,.metric-card-footer span{color:var(--muted);font-size:12px;font-weight:900}.metric-card-footer span{color:var(--metric-accent)}.metric-meter{background:var(--surface-muted);z-index:1;border-radius:999px;height:7px;margin-top:10px;position:relative;overflow:hidden}.metric-meter i{background:var(--metric-accent);border-radius:inherit;height:100%;display:block}.kpi-strip{grid-template-columns:repeat(4,minmax(150px,1fr));gap:14px;margin-top:16px;display:grid}.kpi-strip article{background:var(--surface-raised);border:1px solid var(--border);box-shadow:var(--shadow-soft);border-radius:8px;align-items:center;gap:13px;min-height:84px;padding:16px;display:flex}.kpi-icon{background:var(--blue-soft);color:var(--blue);border-radius:8px;flex:0 0 42px;justify-content:center;align-items:center;width:42px;height:42px;font-weight:900;display:inline-flex}.kpi-strip article:nth-child(2) .kpi-icon{background:var(--surface-muted);color:var(--ink-soft)}.kpi-strip article:nth-child(3) .kpi-icon{background:var(--green-soft);color:var(--green)}.kpi-strip article:nth-child(4) .kpi-icon{background:var(--yellow-soft);color:#7a4d00}.kpi-strip span:not(.kpi-icon),.kpi-strip strong{display:block}.kpi-strip span:not(.kpi-icon){color:var(--muted);font-size:13px;font-weight:900}.kpi-strip strong{color:var(--ink);overflow-wrap:anywhere;margin-top:5px;font-size:20px}.dashboard-kpi-grid{grid-template-columns:repeat(6,minmax(152px,1fr));gap:14px;margin-top:16px;display:grid}.insight-kpi{background:var(--surface-raised);border:1px solid var(--border);box-shadow:var(--shadow-soft);border-radius:8px;align-items:center;gap:13px;min-width:0;min-height:88px;padding:14px;display:flex}.insight-kpi .kpi-icon{flex-basis:40px;width:40px;height:40px}.insight-kpi.is-clickable{cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .15s}.insight-kpi.is-clickable:hover,.insight-kpi.is-clickable:focus-visible{border-color:#1769e87a;outline:0;transform:translateY(-1px);box-shadow:0 14px 30px #1769e821}.insight-kpi>div{min-width:0}.insight-kpi span:not(.kpi-icon),.insight-kpi strong,.insight-kpi small{display:block}.insight-kpi span:not(.kpi-icon){color:var(--muted);font-size:12px;font-weight:900}.insight-kpi strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:17px;overflow:hidden}.insight-kpi small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:11px;font-weight:800;overflow:hidden}.insight-kpi.success .kpi-icon{background:var(--green-soft);color:var(--green)}.insight-kpi.warning .kpi-icon{background:var(--yellow-soft);color:#8a5f00}.insight-kpi.product .kpi-icon{color:#4338ca;background:#eef2ff}.dashboard-analytics-strip{grid-template-columns:repeat(4,minmax(170px,1fr));gap:12px;margin-top:16px;display:grid}.analytics-mini-card{gap:8px;min-height:118px;padding:16px;display:grid}.analytics-mini-card strong{color:var(--ink);font-size:24px;line-height:1.05}.analytics-mini-card small{color:var(--muted);font-size:12px;font-weight:800;line-height:1.35}.analytics-alert-card{border-color:#ca8a0438}.analytics-alert-card strong{font-size:18px;line-height:1.2}.dashboard-insights-grid{grid-template-columns:minmax(420px,1fr) minmax(320px,.72fr);gap:16px;margin-top:16px;display:grid}.dashboard-recent-card,.dashboard-period-card{min-height:230px;padding:18px}.dashboard-recent-card .analytics-card-header,.dashboard-period-card .analytics-card-header{margin-bottom:14px}.dashboard-recent-list,.period-reading-list,.dashboard-drawer-orders{gap:10px;display:grid}.dashboard-recent-list article,.dashboard-recent-list button,.period-reading-list article,.period-reading-list button,.dashboard-drawer-orders article{border:1px solid var(--border);color:inherit;font:inherit;text-align:left;background:#f8fafc;border-radius:8px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;min-height:56px;padding:12px;display:grid}.dashboard-recent-list button,.period-reading-list button{cursor:pointer;width:100%;transition:background-color .14s,border-color .14s,box-shadow .14s,transform .14s}.dashboard-recent-list button:hover,.dashboard-recent-list button:focus-visible,.period-reading-list button:hover,.period-reading-list button:focus-visible{background:#eff6ff;border-color:#1769e86b;outline:0;transform:translateY(-1px);box-shadow:0 12px 28px #1769e81a}.period-reading-list button:disabled{cursor:not-allowed;opacity:.72;transform:none}.dashboard-recent-list article>div,.dashboard-recent-list button>div,.period-reading-list article>div,.period-reading-list button>div,.dashboard-drawer-orders article>div{min-width:0}.dashboard-recent-list span,.period-reading-list span,.dashboard-drawer-orders span{color:var(--muted);font-size:12px;font-weight:900;display:block}.dashboard-recent-list strong,.period-reading-list strong,.dashboard-drawer-orders strong,.dashboard-drawer-orders b{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:15px;font-weight:900;display:block;overflow:hidden}.dashboard-recent-list small,.period-reading-list b,.dashboard-drawer-orders small{color:var(--muted);white-space:nowrap;font-size:12px;font-weight:900}.period-reading-list article,.period-reading-list button{grid-template-columns:minmax(0,1fr) auto}.period-reading-list b{color:var(--ink-soft)}.dashboard-detail-drawer .order-detail-grid small{color:var(--muted);margin-top:4px;font-size:12px;font-weight:800;display:block}.dashboard-drawer-orders{padding:0 20px 22px}.dashboard-drawer-orders article{grid-template-columns:minmax(0,1fr) auto auto}.dashboard-dependent-list{gap:10px;padding:0 20px 22px;display:grid}.dashboard-dependent-list article{border:1px solid var(--border);background:#f8fafc;border-radius:8px;grid-template-columns:minmax(0,1fr) auto auto auto;align-items:center;gap:12px;min-height:64px;padding:12px 14px;display:grid}.dashboard-dependent-list article>div{min-width:0}.dashboard-dependent-list strong,.dashboard-dependent-list span{display:block}.dashboard-dependent-list strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.dashboard-dependent-list span{color:var(--muted);margin-top:4px;font-size:12px;font-weight:900}.dashboard-dependent-list b{color:var(--ink);white-space:nowrap;font-size:15px}.dashboard-dependent-list em{background:var(--blue-soft);color:var(--blue);white-space:nowrap;border-radius:999px;padding:5px 8px;font-size:11px;font-style:normal;font-weight:900}.dashboard-order-items{gap:8px;padding:0 20px 18px;display:grid}.dashboard-order-items article{border:1px solid var(--border);background:#f8fafc;border-radius:8px;grid-template-columns:minmax(0,1fr) 82px 96px 96px;align-items:center;gap:12px;padding:12px 14px;display:grid}.dashboard-order-items article>div{min-width:0}.dashboard-order-items span{background:var(--surface-muted);color:var(--muted);border-radius:999px;margin-bottom:5px;padding:3px 8px;font-size:11px;font-weight:900;display:inline-flex}.dashboard-order-items strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:13px;display:block;overflow:hidden}.dashboard-order-items small,.dashboard-order-items b{color:var(--ink);text-align:right;font-size:12px;font-weight:900}.chart-grid{grid-template-columns:.95fr 1fr .9fr;gap:16px;margin-top:22px;display:grid}.chart-panel{background:var(--surface-raised);border:1px solid var(--border);box-shadow:var(--shadow-soft);border-radius:8px;min-height:308px;padding:18px}.chart-panel-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.chart-panel-header h2{color:var(--ink);margin:0;font-size:17px}.chart-panel-header small{color:var(--muted);margin-top:4px;font-size:12px;font-weight:800;display:block}.chart-panel-header span{background:var(--blue-soft);color:var(--blue);text-overflow:ellipsis;white-space:nowrap;border-radius:999px;max-width:132px;padding:7px 10px;font-size:12px;font-weight:900;overflow:hidden}.chart-shell{align-items:center;width:100%;min-height:230px;display:flex}.chart-loading{color:var(--muted);align-items:center;min-height:260px;display:flex}.bar-chart,.line-chart{width:100%;height:auto;display:block}.chart-axis{stroke:#d7e0ec;stroke-width:1.25px}.chart-grid-line{stroke:#edf2f7;stroke-dasharray:4 6;stroke-width:1px}.chart-label{fill:#475569;font-size:11px;font-weight:800}.chart-value{fill:#1f2937;font-size:12px;font-weight:900}.bar-track{fill:#f1f5f9}.bar-fill{fill:#95c8ef}.modern-bar-chart .is-current .bar-fill{fill:#2f9aea}.line-area{fill:url(#annualArea)}.line-stroke{fill:none;stroke:#2f9aea;stroke-linecap:round;stroke-linejoin:round;stroke-width:3.5px}.line-dot{fill:#2f9aea;stroke:#fff;stroke-width:2px}.modern-line-chart .is-best .line-dot{fill:#1769e8;stroke-width:3px}.donut-chart{grid-template-columns:minmax(132px,180px) 1fr;align-items:center;min-height:230px;display:grid;position:relative}.donut-chart svg{width:180px;height:180px;transform:rotate(-90deg)}.donut-rest,.donut-current{fill:none;stroke-width:28px}.donut-rest{stroke:#fee2e9}.donut-current{stroke:#2f9aea;stroke-linecap:round}.donut-center{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;width:180px;height:180px;display:flex;position:absolute;top:25px;left:0}.donut-center strong{color:var(--ink);font-size:24px}.donut-center span{color:var(--muted);font-size:12px;font-weight:900}.donut-legend{gap:10px;display:grid}.donut-legend span{background:var(--surface-muted);color:var(--ink);border-radius:8px;align-items:center;gap:8px;padding:10px;font-size:14px;font-weight:800;display:flex}.dashboard-analytics-board{grid-template-columns:minmax(520px,1.35fr) minmax(320px,.65fr);gap:16px;margin-top:22px;display:grid}.analytics-card{background:var(--surface-raised);border:1px solid var(--border);box-shadow:var(--shadow-soft);border-radius:8px;overflow:hidden}.annual-analytics-card{min-height:405px;padding:18px 20px 14px}.analytics-side{gap:16px;display:grid}.analytics-card-header{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:12px;display:flex}.analytics-card-header h2{color:var(--ink);margin:0;font-size:18px}.analytics-card-header span{color:var(--muted);margin-top:5px;font-size:12px;font-weight:800;display:block}.analytics-card-header>strong{background:var(--blue-soft);color:var(--blue);white-space:nowrap;border-radius:999px;flex:none;padding:7px 10px;font-size:12px}.annual-area-chart{width:100%;height:auto;display:block}.annual-area-chart g[role=button]{cursor:pointer;outline:0}.analytics-grid-line{stroke:#e8eef6;stroke-width:1px}.analytics-area{fill:url(#dashboardAnnualArea)}.analytics-line{fill:none;stroke:#1769e8;stroke-linecap:round;stroke-linejoin:round;stroke-width:4px}.analytics-dot{fill:#1769e8;stroke:#fff;stroke-width:2px}.annual-area-chart .is-best .analytics-dot{fill:var(--green);stroke-width:3px}.annual-area-chart .is-selected .analytics-dot,.annual-area-chart g[role=button]:focus .analytics-dot,.annual-area-chart g[role=button]:hover .analytics-dot{fill:var(--yellow);stroke:#fff;stroke-width:3px}.analytics-label{fill:#64748b;font-size:12px;font-weight:900}.analytics-callout rect{fill:#111827;opacity:.92}.analytics-callout text{fill:#fff;font-size:12px;font-weight:900}.period-overview-chart{border:1px solid var(--border);background:#f8fafc;border-radius:8px;grid-template-columns:minmax(150px,.28fr) minmax(0,1fr);align-items:center;gap:14px;margin-top:10px;padding:10px 12px;display:grid}.period-overview-chart>div{gap:3px;min-width:0;display:grid}.period-overview-chart span,.period-overview-chart small{color:var(--muted);font-size:11px;font-weight:900}.period-overview-chart strong{color:var(--ink);font-size:18px}.period-overview-chart small{line-height:1.25}.period-overview-chart svg{width:100%;min-width:0;height:82px;display:block}.period-overview-axis{stroke:#dbe7f5;stroke-width:1px}.period-overview-area{fill:url(#periodOverviewArea)}.period-overview-line{fill:none;stroke:#2dbf71;stroke-linecap:round;stroke-linejoin:round;stroke-width:3px}.period-overview-dot{fill:#2dbf71;stroke:#fff;stroke-width:2px}.monthly-comparison-card,.share-card{min-height:194px;padding:18px}.comparison-bars{gap:9px;display:grid}.comparison-row{color:inherit;cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;border-radius:8px;gap:6px;width:100%;padding:3px;transition:background-color .13s;display:grid}.comparison-row:hover,.comparison-row:focus-visible{background:#f8fbff;outline:0}.comparison-row>div:first-child{justify-content:space-between;align-items:center;display:flex}.comparison-row span{color:var(--muted);align-items:center;gap:6px;font-size:12px;font-weight:900;display:inline-flex}.comparison-row span em{color:var(--blue);background:#dbeafe;border-radius:999px;padding:2px 7px;font-size:10px;font-style:normal}.comparison-row strong{color:var(--ink);font-size:14px}.comparison-track{background:var(--surface-muted);border-radius:999px;height:9px;overflow:hidden}.comparison-track i{border-radius:inherit;background:#95c8ef;height:100%;display:block}.comparison-track.current i{background:var(--blue)}.comparison-track.history i{background:#c8ddf2}.share-card-body{grid-template-columns:142px 1fr;align-items:center;gap:18px;display:grid}.share-ring{place-items:center;display:grid;position:relative}.share-ring svg{width:142px;height:142px;transform:rotate(-90deg)}.share-ring-rest,.share-ring-current{fill:none;stroke-width:18px}.share-ring-rest{stroke:#fee2e9}.share-ring-current{stroke:var(--blue);stroke-linecap:round}.share-ring>div{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.share-ring strong{color:var(--ink);font-size:23px}.share-ring span{color:var(--muted);font-size:11px;font-weight:900}.share-legend{gap:10px;display:grid}.share-legend span{background:var(--surface-muted);color:var(--ink);border-radius:8px;align-items:center;gap:8px;min-height:40px;padding:9px 10px;font-size:13px;font-weight:900;display:flex}.share-legend b{gap:2px;font-size:13px;display:grid}.share-legend small{color:var(--muted);font-size:11px;font-weight:900}.dashboard-advanced-board{grid-template-columns:minmax(320px,.9fr) minmax(360px,1fr) minmax(320px,.9fr);gap:16px;margin-top:16px;display:grid}.dashboard-advanced-board .analytics-card{min-height:280px;padding:18px}.daily-trend-bars{grid-template-columns:repeat(14,minmax(24px,1fr));align-items:end;gap:8px;min-height:190px;display:grid}.daily-trend-row{grid-template-rows:18px minmax(92px,1fr) 30px;place-items:center;gap:7px;min-width:0;display:grid}.daily-trend-row span,.daily-trend-row b{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:10px;font-weight:900;overflow:hidden}.daily-trend-row i{background:#1769e8;border-radius:999px 999px 4px 4px;align-self:end;width:100%;min-height:6px;display:block}.daily-trend-row b{color:var(--ink);writing-mode:vertical-rl}.dependent-mix-card{grid-column:span 2;overflow:visible}.product-pareto-card{grid-column:span 2}.dependent-mix-bars,.pareto-list,.service-comparison,.service-mini-ranking{gap:10px;display:grid}.dependent-mix-row{grid-template-columns:42px minmax(0,1fr) 92px;align-items:center;gap:12px;display:grid;position:relative}.dependent-mix-row span,.dependent-mix-row b{color:var(--muted);font-size:12px;font-weight:900}.dependent-mix-row b{color:var(--ink);text-align:right}.dependent-mix-track{background:var(--surface-muted);border-radius:999px;height:14px;display:flex;overflow:hidden}.dependent-mix-track:focus-visible{outline:0;box-shadow:0 0 0 3px #1769e838}.dependent-mix-row i{min-width:0;display:block}.dependent-mix-row i.holder{background:#2dbf71}.dependent-mix-row i.dependent{background:#f59e0b}.dependent-mix-tooltip{color:#fff;opacity:0;pointer-events:none;visibility:hidden;white-space:nowrap;z-index:12;background:#111827;border-radius:8px;grid-template-columns:repeat(3,minmax(84px,1fr));gap:10px;padding:10px 12px;transition:opacity .13s,transform .13s;display:grid;position:absolute;top:-48px;right:96px;transform:translateY(4px);box-shadow:0 18px 42px #0f172a47}.dependent-mix-tooltip:after{content:"";border:7px solid #0000;border-top-color:#111827;border-bottom-width:0;position:absolute;bottom:-7px;right:22px}.dependent-mix-tooltip em{gap:2px;font-style:normal;display:grid}.dependent-mix-tooltip span{color:#cbd5e1;font-size:10px;font-weight:900}.dependent-mix-tooltip strong{color:#fff;font-size:13px;font-weight:900}.dependent-mix-row:hover .dependent-mix-tooltip,.dependent-mix-track:hover+.dependent-mix-tooltip,.dependent-mix-track:focus+.dependent-mix-tooltip,.dependent-mix-track:focus-visible+.dependent-mix-tooltip{opacity:1;visibility:visible;transform:translateY(0)}.habit-heatmap{grid-template-columns:46px repeat(4,minmax(56px,1fr));gap:7px 8px;display:grid}.habit-heatmap>strong{color:var(--muted);text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:900;overflow:hidden}.heatmap-row{display:contents}.heatmap-row b{color:var(--muted);align-self:center;font-size:11px;font-weight:900}.heatmap-row em{color:#fff;background:#1769e8;border-radius:6px;justify-content:center;align-items:center;min-width:0;height:32px;font-size:11px;font-style:normal;font-weight:900;display:inline-flex}.pareto-list article{border:1px solid var(--border);background:#f8fafc;border-radius:8px;grid-template-columns:32px minmax(0,1fr) 96px;align-items:center;gap:12px;min-height:62px;padding:10px 12px;display:grid}.pareto-list article>em{background:var(--blue-soft);color:var(--blue);border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;font-size:14px;font-style:normal;font-weight:900;display:inline-flex}.pareto-list article>div{gap:5px;min-width:0;display:grid}.pareto-list strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.pareto-list span{color:var(--muted);font-size:11px;font-weight:800}.pareto-list i{background:#7dd3fc;border-radius:999px;height:6px;display:block}.pareto-list b{color:var(--ink);text-align:right;font-size:13px}.service-comparison-card{grid-column:span 1}.service-comparison article{border:1px solid var(--border);background:#f8fafc;border-radius:8px;gap:7px;padding:12px;display:grid}.service-comparison span,.service-mini-ranking span{color:var(--muted);font-size:12px;font-weight:900}.service-comparison strong{color:var(--ink);font-size:20px}.service-comparison i{background:#2dbf71;border-radius:999px;height:8px;display:block}.service-comparison article:nth-child(2) i{background:#f59e0b}.service-mini-ranking{margin-top:12px}.service-mini-ranking span{background:var(--surface-muted);color:var(--ink);border-radius:8px;padding:9px 10px}.donut-legend i{border-radius:999px;width:12px;height:12px;display:inline-block}.legend-current{background:#2f9aea}.legend-rest{background:#fb5b83}.page-panel{background:var(--surface-raised);border:1px solid var(--border);box-shadow:var(--shadow-soft);border-radius:8px;max-width:1500px;min-height:420px;margin:0 auto;padding:26px}.page-panel h2{margin:0 0 12px;font-size:22px}.page-panel p{color:var(--muted);margin:0}.orders-page,.products-page,.services-page,.profile-page{max-width:1500px;margin:0 auto}.orders-toolbar{justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:18px;display:flex}.orders-toolbar p{color:var(--ink-soft);margin:4px 0 0}.orders-command-bar{background:var(--surface-raised);border:1px solid var(--border);box-shadow:var(--shadow-soft);border-radius:8px;align-items:flex-start;padding:18px}.period-pill{background:var(--blue-soft);color:var(--blue);border-radius:999px;margin-top:10px;padding:7px 10px;font-size:12px;font-weight:900;display:inline-flex}.orders-filter{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.quick-filter-group{background:var(--surface-muted);border-radius:8px;align-items:center;gap:4px;min-height:40px;padding:4px;display:flex}.orders-filter label,.orders-table-header label{color:var(--muted);gap:6px;font-size:12px;font-weight:900;display:grid}.orders-filter input,.orders-filter select,.orders-table-header input{background:var(--surface-raised);border:1px solid var(--border-strong);color:var(--ink);border-radius:6px;outline:0;min-width:150px;min-height:40px;padding:0 11px}.orders-filter label input,.orders-filter label select{min-width:138px}.orders-filter label:nth-of-type(3) input{min-width:210px}.orders-filter input:focus,.orders-filter select:focus,.orders-table-header input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #1769e824}.orders-filter button,.secondary-button,.row-action,.icon-button{cursor:pointer;border:0;border-radius:6px;font-weight:900}.orders-filter button{background:var(--blue);color:#fff;min-height:40px;padding:0 16px}.orders-filter .quick-filter{color:var(--ink-soft);background:0 0;min-height:32px;padding:0 10px}.orders-filter .quick-filter.is-active{background:var(--surface-raised);box-shadow:var(--shadow-soft);color:var(--blue)}.orders-filter button:disabled{cursor:wait;opacity:.72}.orders-filter .secondary-button{background:var(--surface-muted);color:var(--ink-soft)}.orders-summary-grid{grid-template-columns:repeat(4,minmax(150px,1fr));gap:14px;margin-bottom:18px;display:grid}.products-summary-grid{grid-template-columns:repeat(6,minmax(130px,1fr))}.products-summary-expanded{grid-template-columns:repeat(4,minmax(170px,1fr))}.services-summary-grid{grid-template-columns:repeat(4,minmax(150px,1fr))}.services-summary-expanded,.orders-summary-expanded{grid-template-columns:repeat(4,minmax(170px,1fr))}.orders-summary-grid article{background:var(--surface-raised);border:1px solid var(--border);box-shadow:var(--shadow-soft);border-radius:8px;min-height:88px;padding:16px}.orders-summary-grid span,.orders-summary-grid strong{display:block}.orders-summary-grid span{color:var(--muted);font-size:13px;font-weight:900}.orders-summary-grid strong{color:var(--ink);overflow-wrap:anywhere;margin-top:8px;font-size:24px}.orders-summary-grid small{color:var(--muted);margin-top:5px;font-size:12px;font-weight:800;display:block}.product-leader-card strong{font-size:24px}.summary-product-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:100%;min-height:30px;line-height:1.25;overflow:hidden;display:-webkit-box!important}.products-insights-grid{grid-template-columns:minmax(320px,1fr) minmax(280px,.55fr);gap:18px;margin-bottom:18px;display:grid}.top-products-card,.product-mix-card{min-height:260px}.top-products-list{gap:12px;padding:16px 18px 18px;display:grid}.top-product-row{background:var(--surface-raised);border:1px solid var(--border);color:inherit;cursor:pointer;font:inherit;text-align:left;border-radius:8px;align-items:center;gap:12px;width:100%;min-height:64px;padding:12px;transition:border-color .16s,box-shadow .16s,transform .16s;display:flex;position:relative;overflow:hidden}.top-product-row:hover,.top-product-row:focus-visible{border-color:#1769e873;outline:0;transform:translateY(-1px);box-shadow:0 12px 30px #1769e81f}.top-product-row em{background:var(--blue-soft);color:var(--blue);z-index:1;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;font-style:normal;font-weight:900;display:inline-flex;position:relative}.top-product-row strong,.top-product-row span,.top-product-row b{z-index:1;position:relative}.top-product-row>div{flex:auto;min-width:0}.top-product-row strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:14px;display:block;overflow:hidden}.top-product-row span{color:var(--muted);align-items:center;gap:6px;margin-top:3px;font-size:12px;font-weight:800;display:flex}.top-product-row b{color:var(--ink);text-align:right;white-space:nowrap;flex:none;justify-self:end;min-width:96px;font-size:14px}.top-product-row i{background:linear-gradient(90deg, var(--blue-soft), #1769e800);opacity:.45;height:100%;position:absolute;top:0;bottom:0;left:52px}.product-analysis-hero{grid-template-columns:1.1fr 1fr 1fr;gap:12px;margin-bottom:14px;display:grid}.product-analysis-hero article,.product-analysis-grid article{background:var(--surface-muted);border:1px solid var(--border);border-radius:8px;padding:14px}.product-analysis-hero article:first-child{background:linear-gradient(135deg,#edf5ff,#fff)}.product-analysis-hero span,.product-analysis-grid span{color:var(--muted);font-size:12px;font-weight:900;display:block}.product-analysis-hero strong,.product-analysis-grid strong{color:var(--ink);overflow-wrap:anywhere;margin-top:6px;font-size:20px;display:block}.product-analysis-hero small{color:var(--muted);margin-top:5px;font-size:12px;font-weight:800;display:block}.product-recent-list{border-top:1px solid var(--border);gap:8px;margin-top:16px;padding-top:16px;display:grid}.product-recent-list button{background:var(--surface-raised);border:1px solid var(--border);color:var(--ink);cursor:pointer;font:inherit;text-align:left;border-radius:8px;grid-template-columns:84px 1fr auto;align-items:center;gap:10px;padding:10px 12px;display:grid}.product-recent-list button:hover,.product-recent-list button:focus-visible{background:var(--blue-soft);border-color:#1769e859;outline:0}.product-recent-list span{color:var(--muted);font-size:12px;font-weight:900}.product-recent-list strong,.product-recent-list b{color:var(--ink);font-size:13px}.product-recent-list b{text-align:right}.related-order-panel{gap:14px;display:grid}.related-order-items{border:1px solid var(--border);border-radius:8px;overflow:hidden}.related-order-items .drawer-section-title{background:var(--surface-muted);border-bottom:1px solid var(--border);margin:0;padding:12px 14px}.related-order-items article{background:var(--surface-raised);border-bottom:1px solid var(--border);grid-template-columns:minmax(0,1fr) 82px 92px 92px;align-items:center;gap:12px;padding:12px 14px;display:grid}.related-order-items article:last-child{border-bottom:0}.related-order-items article.is-current{background:#eff6ff}.related-order-items article>div{min-width:0}.related-order-items span{background:var(--surface-muted);color:var(--muted);border-radius:999px;margin-bottom:5px;padding:3px 8px;font-size:11px;font-weight:900;display:inline-flex}.related-order-items strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:13px;display:block;overflow:hidden}.related-order-items small,.related-order-items b{color:var(--ink);text-align:right;font-size:12px;font-weight:900}.product-ranking-toggle{background:var(--surface-muted);border-radius:8px;gap:4px;padding:4px;display:flex}.product-ranking-toggle button{color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-radius:6px;min-height:32px;padding:0 10px;font-weight:900}.product-ranking-toggle button.is-active{background:var(--surface-raised);box-shadow:var(--shadow-soft);color:var(--blue)}.product-mix{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:18px 18px 10px;display:grid}.product-mix-total{border:1px solid var(--border);border-radius:8px;padding:16px}.product-mix-total.is-holder{background:var(--green-soft)}.product-mix-total.is-dependent-total{background:#fff1f4}.product-mix-total span,.product-mix-total strong{display:block}.product-mix-total span{color:var(--muted);font-size:13px;font-weight:900}.product-mix-total strong{color:var(--ink);overflow-wrap:anywhere;margin-top:8px;font-size:24px}.dependent-consumption-list{gap:8px;max-height:322px;padding:0 18px 18px;display:grid;overflow:auto}.dependent-consumption-row{border-bottom:1px solid var(--border);grid-template-columns:minmax(0,1fr) auto auto;align-items:center;column-gap:10px;min-height:58px;padding:10px 0;display:grid}.dependent-consumption-row:last-child{border-bottom:0}.dependent-consumption-row strong,.dependent-consumption-row span{display:block}.dependent-consumption-row strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.dependent-consumption-row span{color:var(--muted);overflow-wrap:anywhere;margin-top:4px;font-size:12px;font-weight:800}.dependent-consumption-row b{color:var(--ink);white-space:nowrap;font-size:14px}.dependent-consumption-row em{background:var(--blue-soft);color:var(--blue);white-space:nowrap;border-radius:999px;padding:5px 7px;font-size:11px;font-style:normal;font-weight:900}.service-highlight-card{margin-bottom:18px}.services-insights-grid{grid-template-columns:minmax(300px,.65fr) minmax(360px,1fr);gap:18px;margin-bottom:18px;display:grid}.service-highlight{justify-content:space-between;align-items:center;gap:18px;padding:20px;display:flex}.service-highlight h2{color:var(--ink);margin:4px 0 0;font-size:22px}.service-highlight small{color:var(--muted);margin-top:6px;font-size:12px;font-weight:800;display:block}.service-highlight strong{background:var(--blue-soft);color:var(--blue);white-space:nowrap;border-radius:8px;padding:14px 16px;font-size:24px}.service-top-list{gap:10px;padding:16px 18px 18px;display:grid}.service-top-row{background:var(--surface-raised);border:1px solid var(--border);border-radius:8px;align-items:center;gap:12px;min-height:58px;padding:11px 12px;display:flex;position:relative;overflow:hidden}.service-top-row em{background:var(--blue-soft);color:var(--blue);z-index:1;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;font-style:normal;font-weight:900;display:inline-flex;position:relative}.service-top-row>div{z-index:1;flex:auto;min-width:0;position:relative}.service-top-row strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:14px;display:block;overflow:hidden}.service-top-row span{color:var(--muted);margin-top:3px;font-size:12px;font-weight:800;display:block}.service-top-row b{color:var(--ink);text-align:right;white-space:nowrap;z-index:1;flex:none;min-width:96px;font-size:14px;position:relative}.service-top-row i{background:linear-gradient(90deg, var(--blue-soft), #1769e800);opacity:.42;height:100%;position:absolute;top:0;bottom:0;left:52px}.orders-table-card{background:var(--surface-raised);border:1px solid var(--border);box-shadow:var(--shadow-soft);border-radius:8px;overflow:hidden}.orders-table-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding:18px;display:flex}.orders-table-header h2{margin:0;font-size:18px}.orders-table-header span{color:var(--muted);margin-top:4px;font-size:13px;font-weight:800;display:block}.table-scroll{overflow-x:auto}.orders-table-card>.table-scroll{max-height:610px;overflow:auto}.orders-table{border-collapse:collapse;width:100%;min-width:880px}.orders-table th,.orders-table td{border-bottom:1px solid var(--border);text-align:left;vertical-align:middle;padding:13px 16px}.orders-table th{color:var(--muted);text-transform:uppercase;background:#f8fafc;font-size:12px;font-weight:900}.orders-table-card>.table-scroll .orders-table th{z-index:2;position:sticky;top:0}.orders-table td{color:var(--ink-soft);font-size:14px}.orders-table tbody tr{transition:background .14s,box-shadow .14s}.orders-table tbody tr:hover,.orders-table tbody tr:focus{box-shadow:inset 3px 0 0 var(--blue);background:#f8fbff;outline:0}.clickable-row{cursor:pointer}.orders-table tbody tr.dependent-row{background:#fff8fb}.numeric-cell{text-align:right!important}.sort-button{color:inherit;cursor:pointer;font:inherit;text-transform:uppercase;background:0 0;border:0;align-items:center;gap:6px;padding:0;font-weight:900;display:inline-flex}.sort-button span{color:var(--blue);font-size:13px}.sort-button.is-active{color:var(--ink-soft)}.dependent-pill{background:var(--green-soft);color:var(--green);text-overflow:ellipsis;white-space:nowrap;border-radius:999px;max-width:220px;padding:6px 9px;font-size:12px;font-weight:900;display:inline-flex;overflow:hidden}.dependent-pill.empty{background:var(--surface-muted);color:var(--muted)}.product-code-pill{border:1px solid var(--border);color:var(--ink-soft);white-space:nowrap;background:#eef4fb;border-radius:999px;padding:5px 8px;font-size:12px;font-weight:900;display:inline-flex}.row-action{background:var(--blue-soft);color:var(--blue);min-height:32px;padding:0 12px}.row-action-icon{min-height:28px;padding:0 10px}.empty-state{color:var(--muted);margin:0;padding:18px}.orders-drawer-backdrop{z-index:50;background:#0f172a6b;justify-content:flex-end;padding:16px;animation:.15s ease-out both backdrop-enter;display:flex;position:fixed;inset:0}.orders-drawer{background:var(--surface-raised);border-radius:8px;width:min(760px,100%);max-width:760px;animation:.18s cubic-bezier(.2,.8,.2,1) both drawer-enter;overflow:auto;box-shadow:0 24px 70px #0f172a47}@keyframes backdrop-enter{0%{opacity:0}to{opacity:1}}@keyframes drawer-enter{0%{opacity:.92;transform:translate(28px)}to{opacity:1;transform:translate(0)}}.orders-drawer-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px;display:flex}.orders-drawer-header h2{margin:2px 0 0;font-size:25px}.drawer-section-title{justify-content:space-between;align-items:center;padding:0 20px 12px;display:flex}.drawer-section-title strong{color:var(--ink-soft);font-size:13px}.product-detail-panel{grid-template-columns:repeat(3,minmax(130px,1fr));gap:12px;padding:0 20px 18px;display:grid}.product-detail-panel article,.related-order-card{border:1px solid var(--border);background:#f8fafc;border-radius:8px;padding:14px}.product-detail-panel span,.product-detail-panel strong,.related-order-card span,.related-order-card strong,.related-order-card small{display:block}.product-detail-panel span,.related-order-card span,.related-order-card small{color:var(--muted);font-size:12px;font-weight:900}.product-detail-panel strong,.related-order-card strong{color:var(--ink);overflow-wrap:anywhere;margin-top:6px;font-size:18px}.drawer-action-button{cursor:pointer;border:0;border-radius:6px;min-height:34px;padding:0 12px;font-weight:900}.drawer-action-button:disabled{cursor:wait;opacity:.7}.related-order-card{justify-content:space-between;align-items:center;margin:0 20px 20px;display:flex}.modal-backdrop{z-index:50;background:#0f172a75;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.order-modal{background:var(--surface-raised);border-radius:8px;width:100%;max-width:980px;max-height:min(760px,100vh - 48px);overflow:auto;box-shadow:0 24px 70px #0f172a42}.order-modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.order-modal-header h2{margin:2px 0 0;font-size:24px}.icon-button{background:var(--surface-muted);color:var(--ink-soft);justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.order-detail-grid{grid-template-columns:repeat(4,minmax(130px,1fr));gap:12px;padding:18px 20px;display:grid}.order-detail-grid article{border:1px solid var(--border);background:#f8fafc;border-radius:8px;padding:13px}.order-detail-grid span,.order-detail-grid strong{display:block}.order-detail-grid span{color:var(--muted);font-size:12px;font-weight:900}.order-detail-grid strong{color:var(--ink);overflow-wrap:anywhere;margin-top:5px;font-size:15px}.detail-table{min-width:760px}.order-modal-footer{border-top:1px solid var(--border);justify-content:flex-end;align-items:center;gap:10px;padding:14px 20px 18px;display:flex}.order-modal-footer span{color:var(--muted);font-weight:900}.order-modal-footer strong{color:var(--ink)}.profile-hero{grid-template-columns:minmax(320px,1fr) minmax(260px,360px);align-items:stretch;gap:18px;margin-bottom:18px;display:grid}.profile-hero>div:first-child,.profile-user-card,.profile-password-card,.password-rules-card{background:var(--surface-raised);border:1px solid var(--border);box-shadow:var(--shadow-soft);border-radius:8px}.profile-hero>div:first-child{padding:24px}.profile-hero h2{margin:5px 0 8px;font-size:30px}.profile-hero p{color:var(--ink-soft);margin:0}.profile-user-card{gap:8px;padding:20px;display:grid}.profile-user-card span,.profile-user-card small{color:var(--muted);font-size:12px;font-weight:900}.profile-user-card strong{color:var(--ink);overflow-wrap:anywhere;font-size:18px}.profile-grid{grid-template-columns:minmax(340px,.9fr) minmax(280px,.55fr);align-items:start;gap:18px;display:grid}.profile-password-card,.password-rules-card{padding:22px}.profile-card-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.profile-card-header h3,.password-rules-card h3{margin:4px 0 0;font-size:20px}.password-strength-pill{white-space:nowrap;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:900}.password-field{color:var(--muted);gap:8px;margin-bottom:14px;font-size:13px;font-weight:900;display:grid}.password-field div{align-items:stretch;display:flex}.password-field input{background:var(--surface-raised);border:1px solid var(--border-strong);color:var(--ink);border-radius:6px 0 0 6px;outline:0;width:100%;min-width:0;min-height:44px;padding:0 12px}.password-field input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #1769e824}.password-field button{background:var(--surface-muted);border:1px solid var(--border-strong);color:var(--ink-soft);cursor:pointer;border-left:0;border-radius:0 6px 6px 0;padding:0 12px;font-size:12px;font-weight:900}.password-strength-meter{background:#e7edf5;border-radius:999px;height:8px;margin:-2px 0 18px;overflow:hidden}.password-strength-meter i{height:100%;transition:width .16s;display:block}.tone-danger{color:#b4234d;background:#ffe5eb}.password-strength-meter .tone-danger{background:var(--danger)}.tone-warning{background:var(--yellow-soft);color:#8a5f00}.password-strength-meter .tone-warning{background:var(--yellow)}.tone-info{background:var(--blue-soft);color:var(--blue)}.password-strength-meter .tone-info{background:#2f9aea}.tone-success{background:var(--green-soft);color:var(--green)}.password-strength-meter .tone-success{background:var(--green)}.password-match,.profile-message{color:#a91e45;background:#fff1f4;border:1px solid #ffd1dc;border-radius:8px;margin:0 0 14px;padding:10px 12px;font-size:13px;font-weight:900}.password-match.is-valid,.profile-message.is-success{background:var(--green-soft);color:var(--green);border-color:#b8e7ce}.profile-submit{background:var(--blue);color:#fff;cursor:pointer;border:0;border-radius:6px;width:100%;min-height:44px;font-weight:900}.profile-submit:disabled{cursor:not-allowed;opacity:.58}.profile-message{margin:14px 0 0}.password-rules-card ul{gap:12px;margin:18px 0 0;padding:0;list-style:none;display:grid}.password-rules-card li{color:var(--ink-soft);align-items:center;gap:10px;font-weight:800;display:flex}.password-rules-card li span{background:var(--surface-muted);color:var(--muted);border-radius:999px;flex:none;justify-content:center;align-items:center;width:24px;height:24px;font-size:10px;font-weight:900;display:inline-flex}.password-rules-card li.is-valid span{background:var(--green-soft);color:var(--green)}@media (max-width:1380px){.insight-kpi{gap:10px;padding:11px}.insight-kpi .kpi-icon{flex-basis:34px;width:34px;height:34px}.insight-kpi span:not(.kpi-icon){font-size:11px}.insight-kpi strong{font-size:15px}.insight-kpi small{font-size:10px}}@media (max-width:1180px){.metric-grid,.kpi-strip,.dashboard-analytics-strip,.dashboard-kpi-grid,.orders-summary-grid,.products-summary-grid,.services-summary-grid{grid-template-columns:repeat(2,minmax(170px,1fr))}.chart-grid{grid-template-columns:repeat(2,minmax(260px,1fr))}.products-insights-grid,.dashboard-analytics-board,.dashboard-advanced-board,.dashboard-insights-grid,.services-insights-grid{grid-template-columns:1fr}.dependent-mix-card,.product-pareto-card,.service-comparison-card{grid-column:span 1}.profile-grid{grid-template-columns:1fr}}@media (max-width:900px){.login-page{grid-template-columns:1fr;padding:24px}.login-hero{min-height:auto;padding:30px}.login-highlights{margin-top:10px}.login-hero h1{font-size:32px}.login-card{max-width:100%}.app-frame{grid-template-columns:74px 1fr}.sidebar{box-shadow:none;z-index:40;background:#18222c;width:74px;position:sticky;top:0;left:0}.sidebar:not(.collapsed){background:var(--nav);width:min(292px,100vw - 24px);height:100vh;position:fixed;box-shadow:24px 0 60px #0f172a47}.sidebar .sidebar-brand{justify-content:center}.sidebar.collapsed .sidebar-brand div,.sidebar.collapsed .sidebar-section,.sidebar.collapsed .nav-item strong,.sidebar.collapsed .sidebar-user div{display:none}.sidebar:not(.collapsed) .sidebar-brand{justify-content:flex-start}.sidebar:not(.collapsed) .sidebar-brand div,.sidebar:not(.collapsed) .sidebar-section,.sidebar:not(.collapsed) .nav-item strong,.sidebar:not(.collapsed) .sidebar-user div{display:block}.sidebar:not(.collapsed) .nav-item:after{display:none}.sidebar-toggle{font-size:18px}.sidebar-toggle:before{content:"";letter-spacing:0}.sidebar:not(.collapsed) .sidebar-toggle:before{content:""}.sidebar:not(.collapsed) .sidebar-toggle{width:42px;height:42px;top:32px;right:-22px}.app-content{padding:24px 22px 32px}.app-shell-header,.dashboard-toolbar,.orders-toolbar,.orders-table-header,.profile-card-header,.top-bar,.institutional-main{flex-direction:column;align-items:flex-start}.profile-hero{grid-template-columns:1fr}.app-shell-actions{text-align:left;align-items:flex-start;min-width:100%}}@media (max-width:640px){.login-page{gap:16px;padding:16px}.login-hero,.login-card{padding:24px}.login-card-header{flex-direction:column;align-items:flex-start}.app-content{padding:20px 16px 28px}.app-shell-header h1{font-size:25px}.metric-grid,.kpi-strip,.dashboard-analytics-strip,.dashboard-kpi-grid,.chart-grid,.dashboard-analytics-board,.dashboard-advanced-board,.dashboard-insights-grid,.orders-summary-grid,.products-summary-grid,.services-summary-grid,.services-insights-grid,.products-insights-grid,.order-detail-grid,.product-mix,.dependent-consumption-row{grid-template-columns:1fr}.service-highlight{flex-direction:column;align-items:flex-start}.service-highlight strong{white-space:normal}.metric-card{min-height:118px}.dashboard-recent-list article,.dashboard-recent-list button,.dashboard-drawer-orders article,.dashboard-order-items article{grid-template-columns:1fr;align-items:flex-start}.period-reading-list article,.period-reading-list button{grid-template-columns:1fr}.dashboard-order-items small,.dashboard-order-items b{text-align:left}.dashboard-dependent-list article{grid-template-columns:1fr;align-items:flex-start}.period-overview-chart{grid-template-columns:1fr}.period-overview-chart svg{height:74px}.daily-trend-bars{grid-template-columns:repeat(7,minmax(28px,1fr));gap:6px}.dependent-mix-row,.pareto-list article{grid-template-columns:1fr;align-items:flex-start}.dependent-mix-row b,.pareto-list b{text-align:left}.dependent-mix-tooltip{white-space:normal;grid-template-columns:1fr;width:min(230px,100vw - 140px);top:-116px;left:0;right:auto}.dependent-mix-tooltip:after{left:22px;right:auto}.habit-heatmap{grid-template-columns:38px repeat(4,minmax(42px,1fr))}.habit-heatmap>strong{font-size:9px}.donut-chart,.share-card-body{grid-template-columns:1fr;justify-items:center}.donut-center{top:25px}.donut-legend{margin-top:8px}.institutional-main h2{font-size:24px}.institutional-main img{width:48px;height:48px}.profile-hero h2{font-size:25px}.password-field div{display:grid}.password-field input{border-radius:6px 6px 0 0}.password-field button{border:1px solid var(--border-strong);border-radius:0 0 6px 6px;min-height:38px}}@media (prefers-reduced-motion:reduce){.login-hero,.login-card,.page-transition-shell,.orders-drawer-backdrop,.orders-drawer{animation:none}}