:root{--primary:#0068bd;--secondary:#082b50;--accent:#ed1526;--bg:#f3f6fb;--paper:#fff;--ink:#082b50;--muted:#667a90;--line:#dce5ef;--danger:#b33d3d;--radius:14px;--shadow:0 8px 30px #082b500a;--space:8px;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}a{color:var(--primary);text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:3px}h1,h2,h3,p{margin-top:0}h1{font-size:29px;letter-spacing:-1px;line-height:1.25;margin-bottom:8px}h2{font-size:18px;letter-spacing:-.4px}h3{font-size:16px}small,.small{font-size:13px}.muted{color:var(--muted)}.money{font-variant-numeric:tabular-nums;white-space:nowrap}.positive{color:var(--primary)}.negative{color:var(--danger)}.icon{width:20px;height:20px;stroke:currentColor;stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round;flex:none}.app-shell{display:grid;grid-template-columns:244px minmax(0,1fr);min-height:100vh}.sidebar{background:var(--secondary);color:#dae6f3;padding:28px 16px 20px;position:fixed;width:244px;inset:0 auto 0 0;display:flex;flex-direction:column;overflow:auto;z-index:20}.brand{display:flex;align-items:center;gap:10px;padding:0 12px 28px;color:#fff}.brand-mark{width:37px;height:37px;flex:none}.brand-title{font-size:18px;font-weight:750;letter-spacing:-.6px;line-height:1.15}.brand-title small{display:block;font-weight:400;font-size:11px;letter-spacing:2.5px;margin-top:6px;color:#a1bdd6}.nav-label{font-size:10px;letter-spacing:1.8px;color:#98b6d2;margin:22px 14px 9px;font-weight:700}.sidebar nav a{display:flex;align-items:center;gap:12px;padding:10px 13px;margin:3px 0;color:#c5d8ec;font-size:14px;border-radius:8px;transition:background .15s}.sidebar nav a:hover{background:#ffffff0c;color:white}.sidebar nav a.active{background:#ffffff13;color:white;box-shadow:inset 3px 0 var(--accent)}.sidebar nav a.active .icon{color:var(--accent)}.sidebar-bottom{margin-top:auto;padding:28px 12px 0}.license-note{font-size:12px;color:#abc4db;border:1px solid #ffffff17;border-radius:9px;padding:13px}.license-note strong{display:block;color:#e2eae4;margin-bottom:6px;font-size:13px}.workspace{grid-column:2;min-width:0}.topbar{height:80px;padding:0 36px;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid var(--line);gap:16px}.topbar-left,.topbar-right{display:flex;align-items:center;gap:16px}.topbar select{border:0;background:transparent;max-width:210px;font-size:14px;padding:8px;color:var(--ink)}.avatar{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:#e8f2fc;color:var(--primary);font-weight:700;font-size:13px}.profile{display:flex;gap:10px;align-items:center}.profile strong{display:block;font-size:13px}.profile small{font-size:11px;color:var(--muted)}.icon-button{background:none;border:0;color:var(--muted);padding:8px;display:inline-flex}.content{padding:34px 36px 40px;max-width:1800px;margin:auto}.page-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.page-header p{font-size:14px;margin-bottom:0;color:var(--muted);line-height:1.5}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:2px;color:var(--primary);font-weight:700;margin-bottom:10px}.actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.btn{border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:8px;padding:10px 15px;font-size:14px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;transition:transform .12s,background .15s}.btn:hover{background:#edf3ef}.btn.primary{background:var(--primary);color:#fff;border-color:var(--primary)}.btn.primary:hover{filter:brightness(.94)}.btn.danger{color:var(--danger);background:#fff6f5;border-color:#f1dada}.btn.small{font-size:12px;padding:6px 10px;min-height:30px}.filter-bar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:23px;flex-wrap:wrap}.periods{display:flex;border:1px solid var(--line);padding:4px;border-radius:9px;background:#fff;gap:4px;flex-wrap:wrap}.periods button{border:0;border-radius:6px;background:none;color:var(--muted);padding:7px 13px;font-size:13px}.periods button.active{background:#eaf2ed;color:var(--primary);font-weight:650}.date-range{display:flex;gap:8px;align-items:center;font-size:12px;color:var(--muted)}.date-range input{width:140px;padding:8px;font-size:12px}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}.kpi{padding:23px 22px;background:white;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);min-width:0}.kpi-label{font-size:13px;color:var(--muted);display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:18px}.kpi-label .icon{width:18px;height:18px}.kpi-value{font-size:clamp(20px,2vw,29px);font-weight:720;letter-spacing:-1px;white-space:nowrap}.kpi-foot{margin-top:12px;font-size:12px;color:var(--muted)}.kpi.featured{background:var(--primary);color:white;border-color:var(--primary)}.kpi.featured .kpi-label,.kpi.featured .kpi-foot{color:#d1e6db}.two-col{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:22px;margin-bottom:24px}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;margin-bottom:24px}.two-col .card{margin-bottom:0}.card-head{padding:22px 24px 16px;display:flex;justify-content:space-between;align-items:center;gap:12px}.card-head h2{margin:0}.card-body{padding:0 24px 24px}.chart{height:190px;display:flex;gap:8px;align-items:stretch;border-bottom:1px solid var(--line);padding-top:15px}.chart-bar{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:8px;min-width:0}.chart-bar i{width:min(32px,85%);background:var(--primary);border-radius:4px 4px 0 0;min-height:2px;opacity:.85}.chart-bar small{font-size:10px;color:var(--muted);height:20px}.chart-labels{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--muted);margin-bottom:8px}.swatch{width:8px;height:8px;background:var(--primary);border-radius:2px}.balance-list{display:grid;gap:17px}.balance-line{display:flex;justify-content:space-between;gap:16px;font-size:14px}.balance-line.total{border-top:1px solid var(--line);padding-top:17px;font-weight:700}.progress{height:7px;background:#eff3f0;border-radius:4px;overflow:hidden;margin-top:8px}.progress span{display:block;height:100%;background:var(--accent);border-radius:4px}.table-wrap{overflow:auto;width:100%}table{border-collapse:collapse;width:100%;text-align:left;font-size:14px}th{font-size:11px;text-transform:uppercase;letter-spacing:.65px;font-weight:650;color:var(--muted);background:#fafcfb;padding:13px 22px;border-block:1px solid var(--line);white-space:nowrap}td{padding:16px 22px;border-bottom:1px solid #edf1ee;vertical-align:middle}tr:last-child td{border-bottom:0}tbody tr:hover{background:#fcfdfc}td .muted{display:block;font-size:12px;margin-top:4px}td strong{font-weight:600}.align-right{text-align:right}.badge{display:inline-flex;align-items:center;padding:5px 9px;border-radius:5px;font-size:11px;font-weight:650;white-space:nowrap;letter-spacing:.15px}.badge.green{background:#e9f5ee;color:#29794e}.badge.amber{background:#fff4dc;color:#9f761f}.badge.red{background:#fcecec;color:#ad4444}.badge.gray{background:#f0f2f1;color:#76837c}.badge.blue{background:#ebf1fa;color:#426895}.search{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:0 12px;max-width:340px;min-width:210px}.search .icon{width:17px;color:var(--muted)}.search input{border:0;padding:10px 0;min-width:0;outline:none;width:100%;font-size:14px}.empty{padding:60px 24px;text-align:center;color:var(--muted)}.empty h3{color:var(--ink)}.empty .icon{width:32px;height:32px;margin-bottom:12px}.notice{padding:14px 18px;background:#fff6e2;color:#856226;border:1px solid #ecdfbd;border-radius:9px;font-size:13px;line-height:1.5;margin-bottom:20px}.notice.neutral{background:#edf4f0;border-color:#d8e7de;color:#456d5a}.modal-backdrop{position:fixed;inset:0;background:#0d211f70;backdrop-filter:blur(3px);z-index:100;display:flex;align-items:center;justify-content:center;padding:24px}.modal{background:#fff;border-radius:18px;max-width:660px;width:100%;max-height:90vh;overflow:auto;box-shadow:0 30px 100px #0003}.modal.wide{max-width:980px}.modal-head{padding:22px 26px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:white;z-index:1}.modal-head h2{margin:0}.modal-body{padding:25px 26px}.modal-foot{display:flex;justify-content:flex-end;gap:10px;padding-top:24px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:flex;flex-direction:column;gap:7px;font-size:13px;color:#42574d;min-width:0}.field.full{grid-column:1/-1}input,select,textarea{border:1px solid #dbe3dd;background:#fff;color:var(--ink);padding:11px 12px;border-radius:7px;width:100%;min-width:0;font-size:14px}input:focus,select:focus,textarea:focus{outline:2px solid #0068bd33;border-color:var(--primary)}textarea{resize:vertical;min-height:85px}.error{color:var(--danger);background:#fff1f0;padding:12px 15px;border-radius:8px;font-size:14px;margin-top:15px;line-height:1.5}.error:empty{display:none}.tabs{display:flex;border-bottom:1px solid var(--line);gap:20px;margin-bottom:23px;overflow:auto}.tabs button{padding:13px 1px;border:0;border-bottom:2px solid transparent;background:none;font-size:14px;color:var(--muted);white-space:nowrap}.tabs button.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:650}.detail-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.detail-meta p{font-size:14px;margin:8px 0}.detail-meta small{display:block;color:var(--muted);margin-bottom:5px}.totals{width:320px;max-width:100%;margin:25px 24px 25px auto;display:grid;gap:11px;font-size:14px}.totals>div{display:flex;justify-content:space-between;gap:20px}.totals .grand{font-size:19px;font-weight:700;border-top:1px solid var(--line);padding-top:15px}.line-editor{margin-top:24px}.line-editor td,.line-editor th{padding:9px 6px}.line-editor input,.line-editor select{padding:9px 7px}.line-editor .product-cell{min-width:200px}.line-editor .number-cell{min-width:80px;width:95px}.line-editor .price-cell{min-width:120px}.draft-total{display:flex;justify-content:flex-end;gap:30px;padding:20px 0;font-weight:700}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.settings-grid .card{margin-bottom:0}.check-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.check-grid label{display:flex;align-items:center;gap:10px;font-size:14px}.check-grid input{width:17px;height:17px;accent-color:var(--primary)}.login{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:#fff}.login-art{background:var(--secondary);padding:60px;display:flex;flex-direction:column;color:white}.login-art .brand{padding:0}.login-art h1{font-size:clamp(36px,4vw,60px);letter-spacing:-2px;max-width:500px;margin-top:auto;margin-bottom:24px;font-weight:650}.login-art p{color:#a7c0b3;max-width:370px;line-height:1.75;font-size:16px}.login-art footer{margin-top:auto;padding-top:60px;color:#8ca99a;font-size:12px}.login-form{display:flex;align-items:center;justify-content:center;padding:40px}.login-form-inner{width:380px;max-width:100%}.login-form h1{margin:12px 0}.login-form .field{margin-bottom:20px}.login-form .btn{width:100%;margin-top:4px;padding:13px}.login-form .intro{margin-bottom:35px;font-size:14px;line-height:1.6;color:var(--muted)}#toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,20px);z-index:200;background:var(--secondary);color:white;padding:13px 22px;border-radius:10px;box-shadow:0 8px 30px #0002;opacity:0;pointer-events:none;font-size:14px;transition:.15s}#toast.show{opacity:1;transform:translate(-50%,0)}.loading{padding:50px;text-align:center;color:var(--muted)}.breadcrumb{font-size:13px;margin-bottom:20px}.menu-toggle{display:none}.footer-note{font-size:12px;color:var(--muted);margin:22px 0 0;line-height:1.6}.link-button{border:0;background:none;color:var(--primary);padding:0;font-size:inherit;text-align:left;font-weight:600}.contact-avatar{width:50px;height:50px;border-radius:12px;background:#eaf2ed;color:var(--primary);display:grid;place-items:center;font-size:20px;font-weight:700;margin-right:15px}.contact-identity{display:flex;align-items:center}.statement-row{padding:14px 0;display:flex;justify-content:space-between;border-bottom:1px solid var(--line);gap:15px}.tag{font-size:11px;border:1px solid var(--line);padding:4px 7px;border-radius:4px;color:var(--muted)}.mobile-shade{display:none}@media(min-width:1600px){.content{padding:40px 50px}.kpi-value{font-size:32px}}@media(max-width:1150px){.app-shell{grid-template-columns:210px minmax(0,1fr)}.sidebar{width:210px}.content{padding:26px 22px}.topbar{padding:0 22px}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.two-col{grid-template-columns:1fr 1fr}.profile-text{display:none}.settings-grid{grid-template-columns:1fr}.kpi-value{font-size:28px}}@media(max-width:760px){.app-shell{display:block}.sidebar{transform:translateX(-100%);transition:transform .2s;width:244px}.sidebar.visible{transform:translateX(0)}.mobile-shade.visible{display:block;position:fixed;inset:0;background:#0006;z-index:19}.menu-toggle{display:inline-flex}.topbar{height:65px;padding:0 16px}.topbar-left{gap:4px}.topbar-right .today-label{display:none}.content{padding:24px 16px}.page-header{align-items:flex-start;flex-direction:column;gap:16px}h1{font-size:25px}.two-col{grid-template-columns:1fr}.kpi-grid{gap:10px}.kpi{padding:17px 14px}.kpi-value{font-size:23px}.kpi-label{font-size:12px}.kpi-foot{font-size:11px}.card-head{padding:18px}.card-body{padding:0 18px 18px}.date-range{flex-wrap:wrap}.date-range input{width:132px}.form-grid{grid-template-columns:1fr}.detail-meta{grid-template-columns:1fr 1fr}.modal-backdrop{padding:12px}.modal-head{padding:18px}.modal-body{padding:20px 18px}.login{grid-template-columns:1fr}.login-art{display:none}.login-form{min-height:100vh;padding:24px}.tabs{gap:17px}.periods button{padding:7px 9px}.filter-bar{align-items:flex-start}.search{width:100%;max-width:none}td,th{padding:13px 16px}.settings-grid{grid-template-columns:1fr}.topbar select{max-width:170px}.check-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}@media print{.sidebar,.topbar,.page-header .actions,.filter-bar{display:none}.app-shell{display:block}.content{padding:0}.card,.kpi{break-inside:avoid;box-shadow:none}body{background:#fff}}

.product-logo{display:block;width:100%;height:auto;background:white;border-radius:9px}.sidebar .brand{padding:0 0 20px}.login-art .brand{max-width:480px;padding:0;margin-bottom:40px}.login-art{background:linear-gradient(145deg,#082b50,#0068bd)}.btn.primary{background:var(--primary)}.field small{display:block;font-size:12px;line-height:1.5;margin-top:6px}.draft-total{color:var(--secondary)}

.login-logo{margin-bottom:30px}.login-logo .product-logo{max-width:420px}.nav-label{color:#98b6d2}.kpi-card.featured{background:var(--secondary)}

/* Sugu Pay: navigation claire, en-têtes et accents multicolores. */
:root{--bg:#eff4fb;--ink:#193c63;--muted:#718aa6;--line:#e0e9f4;--radius:14px}
.sidebar{background:linear-gradient(180deg,#fff,#f0f6fd);border-right:1px solid var(--line);color:#193c63;padding:24px 16px}.sidebar .brand{border-bottom:1px solid var(--line);margin-bottom:8px}.nav-label{color:#a79a76;font-size:10px;letter-spacing:1.6px}.sidebar nav a{color:#526e89;padding:12px;font-weight:600;margin:6px 0}.sidebar nav a .icon{background:#e7f2f5;color:#588da3;box-sizing:content-box;padding:6px;border-radius:10px}.sidebar nav a:hover{background:#e8f0f9;color:#193c63}.sidebar nav a.active{background:#193c63;color:white;box-shadow:inset 4px 0 #edbe43}.sidebar nav a.active .icon{background:#ffffff15;color:#f3c859}.license-note{border-color:var(--line);color:#718aa6}.license-note strong{color:#193c63}.topbar{margin:12px 24px 0;border:1px solid var(--line);border-radius:14px;position:relative;box-shadow:0 8px 25px #173c6310}.topbar:after{content:"";height:4px;position:absolute;bottom:0;left:14px;right:14px;background:linear-gradient(90deg,#193c63 0 27%,#fa2345 27% 51%,#efbe3d 51% 75%,#08aaa9 75%);border-radius:5px}.workspace-trail{margin:14px 24px 0;background:#ffffffb8;border:1px solid var(--line);border-radius:12px;padding:14px 20px;color:#526e89;font-size:12px}.workspace-trail span{display:block;font-size:9px;letter-spacing:1.5px;margin-bottom:4px}.content{padding:30px 24px}.eyebrow{color:#049da5}.btn.primary{background:#193c63;border-color:#193c63}.page-header .btn.primary{background:#f51f45;border-color:#f51f45;box-shadow:0 5px 16px #ed152620}#unused-kpi,.kpi.featured{background:linear-gradient(115deg,#193c63,#245570)}.kpi{border:1px solid var(--line)}.periods button.active{background:#e7f6f5;color:#008e94}.checkout-panel{background:#f1f8fb;border:1px solid #d7e9f0;border-left:3px solid #09aaa9;border-radius:12px;padding:20px;margin:20px 0}.checkout-panel h3{color:#193c63}.profile{background:#f6f9fd;padding:8px;border:1px solid var(--line);border-radius:12px}
@media(max-width:700px){.topbar{margin:8px 12px 0;padding:0 14px}.workspace-trail{margin:12px}.content{padding:22px 14px}.checkout-panel{padding:14px}}

.checkout-panel [hidden]{display:none!important}

/* Sugu+ → SuguDev → SuguGesCom: shared brand foundations. */
:root{--sugu-navy:#1b2c4a;--sugu-blue:#0068bd;--sugu-red:#ed1526;--sugu-teal:#15969a;--sugu-yellow:#facb0a}
.group-brand{border-top:1px solid #e1e9f1;padding:14px 0 8px;display:flex;align-items:center;flex-direction:column;gap:5px;text-align:center}
.group-brand>img{width:144px;height:58px;object-fit:contain}.group-brand span,.group-brand small{font-size:10px;color:#607894;line-height:1.5}
.parent-logo{width:80px;height:38px;overflow:hidden;position:relative;background:white;border-radius:6px}.parent-logo img{position:absolute;width:100px;max-width:none;height:100px;left:-10px;top:-31px}
.publisher-brand{margin-top:28px;border-top:1px solid #e1e9f1;padding-top:15px}.publisher-brand img{width:160px;height:64px;object-fit:contain}.publisher-brand p{font-size:12px;color:#607894}
.payment-shortcut{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 24px;background:#edf8f8;border:1px solid #d5eeee;border-left:4px solid var(--sugu-teal);border-radius:14px;margin:18px 0}.payment-shortcut strong{display:block;font-size:24px;color:var(--sugu-navy)}.payment-shortcut small{color:#55758b}
.whatsapp-actions{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.sidebar .brand{background:white;border-radius:12px}.workspace-trail{border-left:3px solid var(--sugu-teal)}
@media(max-width:600px){.payment-shortcut{align-items:flex-start;flex-direction:column}}

/* SuguGesCom 1.6: blue, teal and red accents, compact publisher signature. */
.compact-notes{margin-top:18px}.compact-notes textarea{height:58px;min-height:58px;max-height:120px;resize:vertical}
.workspace{background:radial-gradient(ellipse at top right,#dff2fa 0,transparent 48%),#f0f5fb}.card{border-top:3px solid #dbeaf5}.kpi:nth-child(4n+2){border-top:3px solid #15969a;background:linear-gradient(135deg,#fff,#effafa)}.kpi:nth-child(4n+3){border-top:3px solid #facb0a}.kpi:nth-child(4n+4){border-top:3px solid #ed1526}.sidebar{background:linear-gradient(180deg,#fff 25%,#edf7fc)}
.sidebar .brand{padding:12px 8px;box-shadow:0 5px 18px #0068bd10;border:1px solid #dceaf5}.sidebar-bottom{padding-top:12px}.group-brand{background:#fff;border:1px solid #dfebf3;border-radius:12px;padding:8px;gap:2px}.group-brand>img{width:156px;height:58px}.group-brand span{font-size:10px}.group-brand small{font-size:9px}.parent-logo{width:90px;height:38px}.parent-logo img{left:-5px}.version-badge{margin:10px 0 6px;padding:9px;border-radius:8px;background:#082b50;color:#fff;font-weight:700;font-size:12px;text-align:center}.license-note{font-size:10px}.workspace-trail{background:linear-gradient(110deg,#fff,#e9f7fb)}
/* 1.7 — commercial workspace inspired by Sugu Pay. */
.workspace-trail{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.workspace-trail>div:first-child{display:grid;gap:5px}.workspace-actions{display:flex;gap:8px;flex-wrap:wrap}.workspace-status{margin:8px 28px 0;display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:12px;color:#58718c;min-height:25px}.system-dot{width:8px;height:8px;background:#15969a;border-radius:50%;box-shadow:0 0 0 4px #15969a15}.status-divider{height:15px;border-left:1px solid #c6d9e5;margin:0 5px}
.work-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,300px);gap:28px;padding:30px;border-radius:18px;background:linear-gradient(115deg,#082b50,#175878);color:white;box-shadow:0 12px 32px #082b5014;margin-bottom:30px;position:relative;overflow:hidden}.work-hero h2{font-size:28px;color:white;margin:12px 0}.work-hero p{color:#d4e7f2}.work-hero .eyebrow{color:#84e0de}.work-hero .actions{margin-top:23px}.work-hero .btn{background:white;color:#153e5c;border:0}.personal-cash{display:flex;flex-direction:column;justify-content:center;gap:10px;padding:24px;background:#ffffff10;border:1px solid #ffffff35;border-radius:14px}.personal-cash strong{font-size:30px;letter-spacing:-1px}.personal-cash small{color:#9ee6de;letter-spacing:1px}.personal-cash a{color:white;font-size:13px;text-decoration:underline}.section-caption{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.section-caption h2{font-size:20px;margin:0}.section-caption small{color:#607c98}
.attention-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px}.attention-card{display:flex;flex-direction:column;padding:24px;border:1px solid #dce8f2;border-top:3px solid #e8bb37;border-radius:14px;background:#fff;color:#143651;gap:13px;text-decoration:none;transition:box-shadow .15s,transform .15s}.attention-card:hover{transform:translateY(-2px);box-shadow:0 10px 22px #123d5810}.attention-card.blue{border-top-color:#0068bd}.attention-card.red{border-top-color:#ed1526}.attention-card strong{font-size:34px}.attention-card small{color:#60758c;line-height:1.5;flex:1}.attention-card b{font-size:12px;color:#0068bd}.search-result{display:flex;gap:14px;align-items:center;border-bottom:1px solid #e2eaf2;padding:15px 4px;text-decoration:none;color:#153e5c}.search-result:hover{background:#eff7fb}.search-result>div{flex:1}.search-result small{display:block;color:#667c91;font-size:12px;margin-top:5px}.search-shortcuts{margin:15px 0}.system-tools{padding:20px;background:#f0f8fa;border:1px solid #d8edef;border-radius:12px;margin-top:20px}#system-result{font-size:13px;overflow-wrap:anywhere;margin-top:15px}
.document-tabs{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 18px}.document-tabs a{display:flex;align-items:center;gap:9px;padding:9px 13px;background:white;border:1px solid #dce6f0;border-radius:9px;color:#496782;font-size:13px;text-decoration:none}.document-tabs a.active{background:#133958;color:white;border-color:#133958}.document-tabs span{padding:2px 6px;border-radius:5px;background:#15969a12;font-variant-numeric:tabular-nums}
.focus-workspace .sidebar{display:none}.focus-workspace .workspace{margin-left:0;width:100%}.focus-workspace .content{max-width:1600px;margin-left:auto;margin-right:auto}.focus-workspace .menu-toggle{display:none}
html[data-density=compact] td,html[data-density=compact] th{padding-top:9px;padding-bottom:9px}html[data-density=compact] .content{padding-top:22px}html[data-text=large]{font-size:18px}html[data-text=large] .content{font-size:18px}html[data-text=large] input,html[data-text=large] select,html[data-text=large] textarea,html[data-text=large] .btn{font-size:17px}html[data-motion=reduce] *,html[data-motion=reduce] *:before,html[data-motion=reduce] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media(max-width:800px){.work-hero{grid-template-columns:1fr;padding:22px}.work-hero h2{font-size:24px}.workspace-status{margin-left:18px;margin-right:18px}.workspace-actions .btn{padding:7px 9px}.section-caption{align-items:flex-start;flex-direction:column}.search-result{align-items:flex-start;flex-wrap:wrap}}
#stock-preview{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}#stock-preview small{width:100%;color:#687f93;font-size:11px}.stock-hint{padding:7px 10px;font-size:12px;background:#edf7f5;color:#246c65;border-radius:7px}.stock-hint.short{background:#fff0ef;color:#aa2936}
.focus-workspace .app-shell{grid-template-columns:minmax(0,1fr)}.focus-workspace .workspace{grid-column:1}
html[data-text=large] td,html[data-text=large] th,html[data-text=large] .small,html[data-text=large] .muted{font-size:16px}
@media print{.workspace-trail,.workspace-status,.workspace-actions{display:none}}

/* Company identity, independent of SuguDev product branding. */
.tenant-logo{width:70px;height:38px;object-fit:contain}.tenant-name{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.company-logo-preview{max-width:200px;max-height:90px;object-fit:contain}@media(max-width:1000px){.tenant-name{display:none}}