:root{color-scheme:light;--primary:#123f96;--navy:#102e64;--accent:#ffd15b;--ink:#172b48;--muted:#596c86;--line:#e1e8f2;--bg:#f3f6fb;--green:#14794e;--red:#ac3030;--radius:16px;font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif;font-size:16px;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);line-height:1.55}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.25;letter-spacing:-.025em}h1{font-size:clamp(27px,3vw,34px);margin-bottom:10px}h2{font-size:20px;margin-bottom:8px}h3{font-size:17px}p{margin-bottom:16px}a{color:var(--primary);text-underline-offset:3px}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}svg{display:block;flex-shrink:0}img{display:block;max-width:100%}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #d79800;outline-offset:3px}[hidden]{display:none!important}.app-shell{display:flex;min-height:100vh}.sidebar{width:256px;background:#fff;border-right:1px solid var(--line);position:fixed;inset:0 auto 0 0;z-index:40;display:flex;flex-direction:column;padding:30px 18px 20px;overflow-y:auto}.portal-brand{display:flex;gap:11px;align-items:center;color:var(--navy);font-weight:850;text-decoration:none;font-size:27px;letter-spacing:-1px}.portal-brand small{display:block;font-size:9px;letter-spacing:1.5px;color:var(--muted);font-weight:700;margin-top:3px}.sidebar .portal-brand{padding:0 10px 26px}.brand-mark{width:46px;height:46px;display:grid;place-items:center;background:var(--primary);color:#fff;border-radius:14px;box-shadow:0 5px 14px #123f9620}.brand-mark svg{width:27px;height:27px}.nav-caption{font-size:10px;font-weight:750;letter-spacing:1.5px;color:#75859c;margin:12px 14px}#portal-nav{display:grid;gap:6px}#portal-nav a{display:flex;align-items:center;gap:12px;min-height:50px;padding:12px 14px;border-radius:10px;color:#52637d;font-size:14px;font-weight:600;text-decoration:none}#portal-nav a:hover{background:#f4f7fc}#portal-nav a[aria-current=page]{background:#eaf0fe;color:var(--primary);box-shadow:inset 3px 0 0 var(--primary)}.nav-count{background:var(--primary);color:#fff;min-width:23px;border-radius:6px;text-align:center;font-size:11px;margin-left:auto;padding:2px 5px}.sidebar-footer{margin-top:auto;padding:28px 10px 0}.sidebar-footer>a{display:flex;gap:10px;align-items:center;min-height:48px;font-size:13px;color:var(--muted);text-decoration:none}.sidebar-tip{border-radius:12px;background:#f5f8ff;border:1px solid #e8eef9;padding:16px 14px;margin-bottom:14px;font-size:12px;color:var(--muted)}.sidebar-tip>svg{color:var(--primary);margin-bottom:10px}.sidebar-tip strong{display:block;color:var(--ink);font-size:13px;margin-bottom:7px}.sidebar-tip p{margin:0}.workspace{margin-left:256px;flex:1;min-width:0}.app-topbar{height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 36px;background:#fff;border-bottom:1px solid var(--line);gap:18px}.breadcrumb{font-size:13px;color:#66758b;margin:0}.breadcrumb span{color:#bac4d1;margin:0 10px}.breadcrumb strong{color:var(--ink);font-weight:500}.topbar-right{display:flex;gap:12px;align-items:center}.site-link{font-size:13px;text-decoration:none;min-height:48px;display:flex;align-items:center;margin-right:14px}.avatar{height:38px;width:38px;background:#fff2cc;color:#775715;display:grid;place-items:center;border-radius:12px;font-weight:800}.top-user{max-width:190px}.top-user strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.top-user>span{font-size:10px;color:var(--muted)}#page{padding:34px 36px 40px;max-width:1560px;margin:auto;min-height:calc(100vh - 150px)}.app-footer{display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding:20px 36px;font-size:11px;color:var(--muted)}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:1.4px;color:var(--muted);margin-bottom:9px}.muted{color:var(--muted)}.page-heading .muted{font-size:14px;margin:0}.actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.button,.icon-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:10px 17px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink);font-size:13px;font-weight:650;text-decoration:none;white-space:nowrap}.button:hover{background:#edf2fc}.button.primary{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 4px 12px #123f9617}.button.primary:hover{background:#0e3279}.button.yellow{background:var(--accent);border-color:var(--accent);color:#3d300a}.button.danger{color:var(--red);background:#fff3f3;border-color:#f3d8d8}.button.small{padding:8px 12px;font-size:12px}.icon-btn{padding:10px;min-width:48px}.mobile-toggle{display:none}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:0 3px 12px #17315c03}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.panel-head p{font-size:12px;margin:5px 0 0;color:var(--muted)}.panel-head h2{font-size:17px;margin:0}.panel-head a{font-size:12px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:24px}.metric{padding:22px}.metric-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:20px;font-size:12px;color:var(--muted);font-weight:650}.metric-icon{height:38px;width:38px;display:grid;place-items:center;border-radius:11px;background:#edf3ff;color:var(--primary)}.metric:nth-child(2) .metric-icon{background:#fff5d8;color:#a46d00}.metric:nth-child(3) .metric-icon{background:#eaf6ef;color:var(--green)}.metric:nth-child(4) .metric-icon{background:#f2edfc;color:#7951ba}.metric strong{font-size:32px;font-weight:800;letter-spacing:-1px;line-height:1.2}.metric small{font-size:11px;color:var(--muted);display:block;margin-top:9px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,1fr);gap:24px;margin-bottom:24px}.welcome-strip{background:linear-gradient(110deg,#153c83,#2856a4);color:#fff;padding:27px 30px;border-radius:var(--radius);display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:26px;position:relative;overflow:hidden}.welcome-strip h2{font-size:23px;margin-bottom:8px}.welcome-strip p{margin:0;font-size:13px;color:#e2ebff;max-width:600px}.welcome-strip .eyebrow{color:#c1d5ff;font-size:9px}.welcome-icon{color:#bbd4ff;flex:none;display:grid;place-items:center;background:#ffffff10;border:1px solid #ffffff25;border-radius:20px;width:90px;height:90px;transform:rotate(-8deg)}.welcome-icon svg{width:52px;height:52px}.chart{height:205px;display:flex;align-items:flex-end;gap:9px;padding-top:16px}.chart-col{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;height:100%;justify-content:flex-end;gap:9px}.chart-bar{width:min(100%,35px);min-height:3px;background:#3370cc;border-radius:5px 5px 1px 1px}.chart-col:last-child .chart-bar{background:#ffcc49}.chart-col span{font-size:9px;color:var(--muted)}.chart-col b{font-size:10px;color:#5e7393;font-weight:600}.summary-list{display:grid;gap:16px}.summary-row{display:flex;justify-content:space-between;gap:10px;font-size:13px;align-items:center}.progress-track{height:7px;border-radius:10px;background:#edf1f8;overflow:hidden;margin:8px 0 18px}.progress-fill{height:100%;background:#3979d6;border-radius:10px}.progress-fill.green{background:#33a172}.progress-fill.yellow{background:#e5b642}.quick-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}.quick-action{text-decoration:none;color:var(--ink);padding:20px;border:1px solid var(--line);border-radius:12px;background:#fff;display:flex;align-items:center;gap:14px;font-size:13px;font-weight:700;min-height:78px}.quick-action svg{color:var(--primary)}.quick-action:hover{border-color:#8aa6d6;background:#f7faff}.table-wrap{overflow-x:auto;border-radius:10px}table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}thead{background:#f6f8fc;color:#6a7b94;font-size:10px;letter-spacing:.4px}th{font-weight:700;padding:13px 16px;white-space:nowrap}td{padding:16px;border-bottom:1px solid #edf1f6;vertical-align:middle}tbody tr:last-child td{border-bottom:0}td strong{display:block;font-size:13px}td small{display:block;color:var(--muted);font-size:11px;margin-top:2px}.badge{display:inline-flex;gap:6px;align-items:center;border-radius:6px;padding:5px 8px;font-size:10px;white-space:nowrap;font-weight:700;background:#edf2fa;color:#546a88}.badge::before{content:'';width:5px;height:5px;border-radius:50%;background:currentColor}.badge.new{background:#edf3ff;color:#2e63b3}.badge.trial{background:#fff5d9;color:#896204}.badge.active,.badge.ok{background:#e9f7ee;color:#197449}.badge.paused,.badge.declined{background:#feeeee;color:#a83535}.badge.contacted{background:#f1eefa;color:#7953ad}.empty-state{padding:42px 20px;text-align:center;color:var(--muted);font-size:14px}.empty-state>svg{margin:0 auto 16px;color:#88a0c5;width:44px;height:44px}.empty-state h3{color:var(--ink);margin-bottom:8px}.empty-state p{max-width:430px;margin:0 auto 18px;font-size:13px}.toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:20px}.toolbar input{flex:1;min-width:180px}.toolbar select{width:auto;min-width:170px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.field{display:flex;flex-direction:column;gap:7px;min-width:0;margin-bottom:17px}.form-grid .field{margin:0}.field.full{grid-column:1/-1}.field>label,.field-label{font-size:12px;font-weight:650;color:#435873}.field input,.field select,.field textarea,.toolbar input,.toolbar select{width:100%;min-height:48px;border:1px solid #cbd6e6;border-radius:9px;padding:11px 13px;background:#fff;color:var(--ink);font-size:14px}.field textarea{resize:vertical;min-height:90px}.field small{font-size:11px;color:var(--muted)}input[type=checkbox]{width:20px;height:20px;accent-color:var(--primary)}.checkbox-row{display:flex;gap:12px;align-items:center;min-height:48px;font-size:14px}.save-bar{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;padding:18px;background:#fff;border:1px solid var(--line);border-radius:12px;position:sticky;bottom:14px;z-index:12;margin-top:24px;box-shadow:0 7px 25px #15346112}.save-bar span{margin-right:auto;align-self:center;font-size:12px;color:var(--muted)}.notice{padding:16px 18px;border:1px solid #d6e3fb;background:#edf4ff;color:#234c8d;border-radius:10px;font-size:13px;margin-bottom:22px}.notice.warning{background:#fff8e6;border-color:#ecdfbb;color:#785717}.notice.success{background:#edf8f0;border-color:#cde8d7;color:#1b6943}.notice p:last-child{margin:0}.section-stack{display:grid;gap:18px}.cms-section{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}.cms-section summary{display:flex;align-items:center;gap:12px;cursor:pointer;padding:20px 23px;font-size:15px;font-weight:700;min-height:64px;list-style:none}.cms-section summary:before{content:'+';color:#5b79a8;font-size:21px;font-weight:400}.cms-section[open]>summary:before{content:'−'}.cms-section summary small{margin-left:auto;font-size:11px;font-weight:500;color:var(--muted)}.cms-section .cms-fields{padding:8px 24px 24px;display:grid;gap:18px;grid-template-columns:repeat(2,minmax(0,1fr))}.cms-fields .field{margin:0}.faq-editor{padding:20px;border:1px solid var(--line);border-radius:12px;background:#fff;margin-bottom:14px}.faq-editor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;gap:12px}.faq-editor-header strong{font-size:13px}.reorder-list{display:grid;gap:8px}.reorder-row{display:flex;gap:12px;align-items:center;border:1px solid var(--line);padding:10px 14px;border-radius:10px;background:#fff}.reorder-row strong{font-size:13px;flex:1}.reorder-row>span{font-size:11px;color:var(--muted)}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:18px}.media-card{padding:0;overflow:hidden}.media-card img{width:100%;height:150px;object-fit:contain;background:repeating-conic-gradient(#f0f3f9 0 25%,white 0 50%) 50%/20px 20px}.media-card-content{padding:15px}.media-card strong{font-size:12px;display:block;overflow-wrap:anywhere}.media-card small{font-size:10px;color:var(--muted)}.upload-zone{border:2px dashed #b9cce9;border-radius:14px;background:#f8faff;text-align:center;padding:32px 20px;margin-bottom:24px}.upload-zone svg{margin:0 auto 13px;color:var(--primary)}.upload-zone input{max-width:100%;font-size:13px;min-height:48px}.upload-zone p{font-size:12px;color:var(--muted);margin-top:10px}.image-preview{width:100%;height:180px;object-fit:contain;background:#f1f4f9;border:1px solid var(--line);border-radius:9px;margin-top:8px}.pagination{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:12px;color:var(--muted);margin-top:20px}.timeline{list-style:none;margin:0;padding:0}.timeline li{position:relative;padding:0 0 22px 25px;border-left:2px solid #e4ebf5;margin-left:4px;font-size:12px}.timeline li:before{content:'';position:absolute;left:-6px;top:4px;width:10px;height:10px;border-radius:50%;background:#4b80d0;box-shadow:0 0 0 4px #fff}.timeline li:last-child{border:0;padding-bottom:0}.timeline time{display:block;color:var(--muted);font-size:10px;margin-bottom:5px}.timeline p{margin:0}.connection-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.connection-card{display:flex;align-items:flex-start;gap:16px}.connection-card h3{margin:0 0 7px;font-size:15px}.connection-card p{font-size:12px;color:var(--muted);margin:8px 0 0}.connection-card .badge{margin-top:4px}.connection-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:#eff4fd;color:var(--primary);flex-shrink:0}.onboarding-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(260px,1fr);gap:24px}.onboarding-step{display:flex;gap:15px;padding:18px 0;border-bottom:1px solid var(--line)}.onboarding-step:last-child{border:0}.step-dot{width:31px;height:31px;border-radius:50%;background:#eaf0fb;color:var(--primary);display:grid;place-items:center;flex:none;font-size:12px;font-weight:800}.step-dot.done{background:#e5f5eb;color:var(--green)}.onboarding-step h3{font-size:14px;margin:1px 0 6px}.onboarding-step p{font-size:12px;color:var(--muted);margin:0}.onboarding-step a{display:inline-block;margin-top:8px;font-size:12px;min-height:30px}.account-status-line{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:20px}.receipt{font-size:10px;color:var(--muted);letter-spacing:.5px}.price-quote{font-size:30px;font-weight:800;letter-spacing:-1px;color:var(--navy);margin:20px 0 8px}.price-quote small{font-size:12px;font-weight:500;letter-spacing:0;color:var(--muted)}.check-list{list-style:none;padding:0;display:grid;gap:10px;font-size:13px}.check-list li{display:flex;gap:9px;align-items:flex-start}.check-list svg{color:var(--green);width:18px;height:18px}.product-symbol{display:grid;place-items:center;background:#edf3ff;color:var(--primary);border-radius:12px;width:50px;height:50px;margin-bottom:25px}.loading-state{display:grid;place-content:center;min-height:400px;text-align:center;color:var(--muted);font-size:14px}.spinner{height:26px;width:26px;border:3px solid #dce6f7;border-top-color:var(--primary);border-radius:50%;margin:0 auto 15px;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toast{position:fixed;right:24px;bottom:24px;max-width:min(440px,calc(100vw - 32px));padding:16px 20px;background:#12396e;color:#fff;border-radius:12px;box-shadow:0 10px 40px #12396e30;font-size:14px;z-index:100}.toast.error{background:#923333}dialog{border:1px solid var(--line);border-radius:18px;padding:26px;width:min(680px,calc(100vw - 28px));max-height:90vh;color:var(--ink);box-shadow:0 30px 90px #102b6240}dialog::backdrop{background:#11244175;backdrop-filter:blur(3px)}.modal-head{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:22px}.modal-head h2{margin:0;font-size:21px}#modal-body .actions{justify-content:flex-end;margin-top:22px}#modal-body .panel{margin-top:20px}.auth-card{width:min(500px,calc(100vw - 32px));margin:12vh auto;padding:36px;background:#fff;border:1px solid var(--line);border-radius:20px;display:grid;gap:18px}.auth-card h1{font-size:28px;margin:4px 0 0}.auth-card p{color:var(--muted);font-size:15px}.auth-card>a:last-child{font-size:13px}.skip-link{position:fixed;left:16px;top:-100px;padding:12px 20px;background:var(--accent);color:var(--ink);z-index:200}.skip-link:focus{top:12px}.catalog-header{display:flex;justify-content:space-between;align-items:center;padding:24px max(24px,calc((100% - 1100px)/2));border-bottom:1px solid var(--line);background:#fff;gap:20px;font-size:13px;color:var(--muted)}.catalog-main{max-width:1148px;padding:55px 24px;margin:auto;min-height:70vh}.catalog-main>h1{font-size:40px}.catalog-notice{padding:18px;border:1px solid var(--line);border-radius:12px;font-size:14px;margin:24px 0;background:#fff}.catalog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.product-card h2{font-size:20px;margin-bottom:15px}.product-card>strong{font-size:24px;color:var(--primary)}.product-card p{font-size:12px;margin:10px 0 0}.record-detail{display:grid;grid-template-columns:120px 1fr;gap:12px;font-size:13px;margin-bottom:24px}.record-detail dt{color:var(--muted)}.record-detail dd{margin:0;overflow-wrap:anywhere}.link-box{display:flex;gap:10px;align-items:center;padding:16px;border:1px solid var(--line);border-radius:10px;background:#f6f8fc;overflow-wrap:anywhere}.link-box code{font-size:13px;flex:1;word-break:break-all}.search-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.inline-error{color:var(--red);font-size:13px;margin-top:16px}.low-stock{color:#9b621a;font-weight:650}.form-foot{font-size:12px;color:var(--muted);margin:18px 0 0}.count-label{font-size:11px;color:var(--muted)}
@media(min-width:1450px){.sidebar{width:272px;padding-inline:22px}.workspace{margin-left:272px}#page{padding:40px 44px}.app-topbar{padding-inline:44px}}
@media(max-width:1150px){.sidebar{width:226px;padding-inline:12px}.workspace{margin-left:226px}#page{padding:28px 24px}.app-topbar{padding-inline:24px}.metric-grid{gap:12px}.metric{padding:18px}.metric strong{font-size:27px}.dashboard-grid{gap:18px;grid-template-columns:minmax(0,1.4fr) minmax(250px,1fr)}.quick-actions{gap:10px}.quick-action{padding:16px;font-size:12px}.quick-action svg{width:20px}.top-user{max-width:140px}.panel{padding:20px}}
@media(max-width:900px){.sidebar{transform:translateX(-100%);width:256px;box-shadow:10px 0 60px #122e6520}.menu-open .sidebar{transform:none}.workspace{margin-left:0}.mobile-toggle{display:inline-flex}.breadcrumb{margin-right:auto}.top-user{display:none}.app-topbar{height:74px;padding-inline:20px}.site-link{margin:0;font-size:12px}.topbar-right{gap:14px}.dashboard-grid,.onboarding-grid{grid-template-columns:1fr 1fr}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric strong{font-size:31px}.quick-actions{grid-template-columns:1fr}.quick-action{min-height:64px}.connection-grid{grid-template-columns:1fr 1fr}.catalog-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){#page{padding:24px 16px 30px}.app-topbar{padding:0 14px;gap:10px}.breadcrumb{font-size:11px}.breadcrumb span{margin:0 5px}.breadcrumb strong{display:none}.avatar{height:34px;width:34px;font-size:12px}.topbar-right{gap:12px}.page-heading{flex-direction:column;align-items:flex-start;gap:18px;margin-bottom:22px}.page-heading .actions{width:100%}.page-heading .actions .button{flex:1}.page-heading .muted{font-size:13px}.welcome-strip{padding:23px 21px}.welcome-strip h2{font-size:22px}.welcome-strip p{font-size:12px}.welcome-icon{display:none}.metric-grid{gap:12px;margin-bottom:18px}.metric{padding:18px 16px}.metric-top{font-size:11px;margin-bottom:13px}.metric-icon{width:30px;height:30px;border-radius:8px}.metric-icon svg{width:18px;height:18px}.metric strong{font-size:27px}.metric small{font-size:10px}.dashboard-grid,.onboarding-grid{grid-template-columns:1fr;gap:18px;margin-bottom:18px}.panel{padding:20px 17px}.panel-head{gap:10px;margin-bottom:18px}.panel-head h2{font-size:16px}.panel-head a{font-size:11px}.form-grid,.cms-section .cms-fields,.connection-grid{grid-template-columns:1fr}.cms-section summary{padding:17px;font-size:14px}.cms-section summary small{font-size:10px}.cms-section .cms-fields{padding:7px 17px 20px}.save-bar{bottom:8px;padding:12px;gap:8px}.save-bar span{width:100%;margin-bottom:4px}.save-bar .button{flex:1;padding:10px;font-size:12px}.save-bar .button.primary{flex-basis:100%}.toolbar{gap:10px}.toolbar input{flex-basis:100%}.toolbar select{flex:1}.toolbar .button{flex:1}.app-footer{padding:18px 16px;font-size:10px}.app-footer span{display:none}.chart{gap:5px;height:175px}.chart-col span{font-size:8px}.record-detail{grid-template-columns:95px 1fr;font-size:12px}dialog{padding:20px 17px}.modal-head h2{font-size:19px}.reorder-row{gap:8px;padding:10px}.reorder-row strong{font-size:12px}.reorder-row .button{padding:8px;min-width:42px}.reorder-row>span{display:none}.link-box{flex-wrap:wrap}.link-box code{flex-basis:100%}.catalog-header{padding:18px 20px}.catalog-main{padding-top:36px}.catalog-main>h1{font-size:31px}.catalog-grid{gap:14px}.product-card{padding:18px}.product-card h2{font-size:16px}.product-card>strong{font-size:21px}.media-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.media-card img{height:120px}.media-card-content{padding:12px}.media-card-content .button{width:100%;font-size:11px;padding:8px}.faq-editor{padding:17px}.faq-editor-header{flex-wrap:wrap}.toast{bottom:16px;right:16px;font-size:13px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}
.metric strong{overflow-wrap:anywhere}.metric:has(.metric-top) small{line-height:1.5}
/* Mobile checkout */
.pos-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(330px,.9fr);gap:24px;align-items:start}.pos-scan-actions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:22px}.pos-products label{display:block;font-weight:650;font-size:13px;margin:18px 0 8px}.pos-input-row{display:flex;gap:8px}.pos-input-row input{min-width:0;flex:1}.pos-products input{width:100%}.pos-product-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-height:600px;overflow:auto;margin-top:18px}.pos-product{display:flex;flex-direction:column;gap:8px;align-items:flex-start;text-align:left;background:#f6f8fc;border:1px solid #dce4f0;border-radius:12px;padding:16px;color:#17305b;cursor:pointer;min-height:110px;font:inherit;overflow-wrap:anywhere}.pos-product:hover{border-color:#2672ed;background:#edf4ff}.pos-product:disabled{opacity:.5;cursor:default}.pos-product b{color:#145ac0}.pos-product small,.pos-line small{display:block;color:#6c7890;font-size:12px}.pos-cart{position:sticky;top:20px}.pos-line{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #e7ecf4;padding:18px 0}.pos-line>div:first-child{flex:1;min-width:0;overflow-wrap:anywhere}.pos-qty{display:flex;align-items:center;gap:10px}.pos-qty button{width:32px;height:34px;border:1px solid #d6dfed;border-radius:8px;background:white;color:#17478a;font-size:20px;cursor:pointer}.pos-total{display:flex;justify-content:space-between;align-items:center;padding:25px 0 8px}.pos-total strong{font-size:30px;color:#123e90}.pos-pay{width:100%;justify-content:center;margin-top:12px;min-height:50px}.pos-voice{display:flex;align-items:flex-start;gap:10px;font-size:12px;color:#64748b;margin-top:20px}.pos-voice input{width:auto;flex:none}.pos-qr{display:block;width:min(280px,100%);height:auto;margin:24px auto;background:white;border-radius:12px}.pos-bank-links{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.scanner-dialog{width:min(540px,calc(100% - 24px));padding:0}.scanner-body{padding:22px}.scanner-body video{width:100%;max-height:50vh;object-fit:contain;background:#111827;border-radius:14px}.scanner-body [role=status]{min-height:42px;font-size:14px}.scanner-photo{margin-left:8px}.scanner-dialog .modal-head{padding:20px}.scanner-dialog::backdrop{background:#071731b8}#pos-error,#invoice-error{color:#b42318;font-size:14px;overflow-wrap:anywhere}#pos-receipt p{overflow-wrap:anywhere}#pos-report-form input{width:auto}#print-receipt{display:none}
@media(max-width:1050px){.pos-layout{grid-template-columns:1fr}.pos-cart{position:static}.pos-product-list{max-height:370px}}@media(max-width:520px){.pos-products,.pos-cart{padding:18px}.pos-layout{gap:16px}.pos-product{padding:13px}.pos-line{gap:8px;font-size:13px}.pos-qty{gap:6px}.pos-qty button{width:30px}.pos-scan-actions .button{flex:1;justify-content:center}.scanner-photo{margin:8px 0}.pos-input-row .button{padding:10px}}
@media print{body>*{display:none!important}body>#print-receipt{display:block!important;padding:20px;font-family:Arial,sans-serif;max-width:400px;color:#111}#print-receipt table{width:100%;border-collapse:collapse}#print-receipt th,#print-receipt td{padding:8px 3px;border-bottom:1px solid #ddd;text-align:left}#print-receipt small{display:block}#print-receipt .form-foot{font-size:11px}}
.sidebar-signout{display:flex;gap:12px;align-items:center;border:0;background:transparent;color:inherit;font:inherit;cursor:pointer;min-height:48px;width:100%;padding:12px 0;text-align:left}.sidebar-signout:hover{color:#fff}
.scanner-preview{position:relative;line-height:0;background:#111827;border-radius:14px;overflow:hidden}.scanner-preview video{display:block;max-height:42vh;min-height:180px}.scanner-guide{position:absolute;inset:25% 8%;border:2px solid #b5e4ff;border-radius:8px;pointer-events:none;box-shadow:0 0 0 200px #0003}.scanner-tools{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.scanner-camera,.scanner-zoom{display:block;font-size:13px;font-weight:650;margin:12px 0}.scanner-camera select{display:block;width:100%;margin-top:6px;padding:10px;border:1px solid #c8d3e5;border-radius:8px;background:white}.scanner-zoom input{display:block;width:100%;margin:10px 0}.scanner-manual{border-top:1px solid #dce4f0;padding-top:16px;display:grid;gap:10px}.scanner-manual label{display:grid;gap:8px;font-size:13px;font-weight:650}.scanner-manual input{min-width:0;width:100%;padding:12px;border:1px solid #c8d3e5;border-radius:8px;font:inherit}.scanner-dialog [hidden]{display:none!important}.scanner-dialog{max-height:94dvh;overflow:auto}

/* Report totals keep their labels above values, including narrow phone layouts. */
.metric{min-width:0}.metric>strong{display:block;max-width:100%;font-variant-numeric:tabular-nums}
.report-metrics{margin-top:24px}.report-metric{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.report-metric .metric-label{display:block;font-size:13px;font-weight:650;line-height:1.5;color:var(--muted)}
.report-metric .metric-value{margin:0;line-height:1.25;word-break:normal}
@media(max-width:600px){.report-metrics{grid-template-columns:minmax(0,1fr)}.report-metric{padding:20px;gap:10px}.report-metric .metric-value{font-size:clamp(24px,7vw,32px)}}
.pos-credit-details{margin-top:16px;padding:14px;border:1px solid var(--line);border-radius:10px;font-size:13px}.pos-credit-details summary{cursor:pointer;font-weight:650;min-height:32px}.pos-credit-details form{display:grid;gap:8px;margin-top:12px}.pos-credit-details label{font-size:12px;font-weight:650}.pos-credit-details input{width:100%;min-width:0;min-height:46px;padding:10px 12px;border:1px solid #cbd6e6;border-radius:8px;font:inherit}.pos-credit-details .form-foot{margin-top:4px}
.inventory-section,.inventory-history{margin-top:24px}.inventory-panel .panel-head,.inventory-history .panel-head{flex-wrap:wrap}.purchase-lines{display:grid;gap:14px;margin:18px 0;max-height:48vh;overflow:auto}.purchase-lines fieldset{border:1px solid var(--line);border-radius:10px;padding:14px;min-width:0}.purchase-lines legend{font-size:13px;font-weight:650;max-width:100%;overflow-wrap:anywhere}.purchase-lines legend label{display:flex;gap:8px;align-items:center}.purchase-lines .form-foot{margin:0 0 12px}.purchase-lines .field{min-width:0}#purchase-document p{overflow-wrap:anywhere}@media(max-width:600px){.inventory-panel .panel-head .button,.inventory-history .panel-head .actions{width:100%}.inventory-history .actions .button{flex:1}.purchase-lines{max-height:none}}
.china-results{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;margin-top:18px}.china-result{border:1px solid var(--line);border-radius:12px;padding:15px;display:grid;gap:10px;align-content:start;min-width:0}.china-result img{width:100%;height:160px;object-fit:contain}.china-result h3{font-size:14px;overflow-wrap:anywhere;margin:0}.china-result p,.china-result a{font-size:12px;margin:0}.china-qty{width:90px;min-height:44px;padding:8px;border:1px solid var(--line);border-radius:8px}#china-root>section .form-foot{margin:0 0 18px}#china-root .field select{min-height:48px}#china-document .record-detail{margin-top:22px}#china-document{overflow-wrap:anywhere}#china-manual-form,#china-tracking-form{display:grid;gap:14px;padding-top:18px}@media(max-width:600px){.china-results{grid-template-columns:1fr}.china-result img{height:190px}#china-root .toolbar button{width:100%}}

.integration-settings{margin-bottom:24px}.integration-steps{padding-left:22px;display:grid;gap:10px;font-size:14px;margin:20px 0 24px}.integration-steps a{overflow-wrap:anywhere}.integration-consent{margin:18px 0;align-items:flex-start}.integration-consent input{flex:none;margin-top:3px}.integration-settings .form-foot{margin-top:16px}.integration-help{margin-top:22px;font-size:13px}.integration-help summary{cursor:pointer;min-height:44px;padding:10px 0}.integration-help li{margin-bottom:8px}.integration-settings .notice{margin-top:20px}.integration-settings .field{font-size:13px;font-weight:600}.integration-settings .field small{font-weight:400}@media(max-width:600px){.integration-settings .panel-head{align-items:flex-start;flex-direction:column}.integration-settings .actions .button{width:100%;white-space:normal;text-align:center}.integration-consent{font-size:13px}}

.retail-section{margin-top:24px}.retail-section .actions{flex-wrap:wrap}.metric>strong{display:block;font-size:28px;margin:10px 0}.field>label>input,.field>label>select{display:block;width:100%;margin-top:8px}#retail-root .metric-grid{margin:20px 0}#refund-form fieldset{min-width:0}#stock-root .toolbar input{min-width:0}@media(max-width:600px){#retail-root .panel-head{align-items:flex-start;gap:14px;flex-direction:column}.retail-section .actions .button{flex:1 1 130px}#refund-form .field{min-width:0}}

.report-toolbar{display:flex;flex-wrap:wrap;gap:14px;align-items:flex-end}.report-toolbar label{display:grid;gap:7px;flex:1 1 170px}.report-toolbar input,.report-toolbar select{width:100%;min-width:0}.page-heading .actions{flex-wrap:wrap}