:root{--bg:#f4f5f7;--paper:#fff;--ink:#272a31;--muted:#70788e;--accent:#333640;--accent-hover:#4a505f;--accent-light:#c9ccd4;--line:#e4e5e9;--soft:#eaebf0;--red:#ac5445;--amber:#b18235;--shadow:0 12px 40px #26293009;--radius:16px;--font:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.55 var(--font);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{color:inherit}a{color:inherit;text-decoration:none}button:disabled{cursor:not-allowed;opacity:.45}button,input,select,textarea{outline-offset:4px}button:focus-visible,a:focus-visible{outline:2px solid #6c748a;outline-offset:4px}input:focus,select:focus,textarea:focus{outline:0;border-color:#7d8599;box-shadow:0 0 0 3px #9ca2b222}h1,h2,h3,h4,p{margin:0}h1,h2,h3{line-height:1.2;letter-spacing:-.035em}svg{vertical-align:middle;flex-shrink:0}.icon{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}small,.small{font-size:12px}.muted{color:var(--muted)}.nowrap{white-space:nowrap}.right{text-align:right}.full{width:100%}.flex{display:flex;align-items:center;gap:12px}.between{display:flex;justify-content:space-between;align-items:center;gap:16px}.stack{display:flex;flex-direction:column;gap:18px}.wrap{flex-wrap:wrap}.hidden,[hidden]{display:none!important}.brand{font-weight:800;font-size:33px;letter-spacing:-2px;display:inline-flex;align-items:center;line-height:1}.brand span{color:#798196;font-size:35px;padding-left:1px}.brand-mark{width:27px;height:32px;margin-right:11px;position:relative;background:var(--accent);border-radius:4px 10px 4px 4px;transform:rotate(-6deg)}.brand-mark:before,.brand-mark:after{content:"";position:absolute;left:7px;height:2px;background:var(--accent-light);width:14px;top:11px}.brand-mark:after{width:9px;top:18px}.btn{border:1px solid var(--line);background:white;padding:11px 18px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-size:13px;font-weight:600;line-height:1.4;transition:background .15s,transform .15s;white-space:nowrap}.btn:hover{background:#edeff3;border-color:#c8cbd3}.btn:active{transform:translateY(1px)}.btn.primary{background:var(--accent);color:white;border-color:var(--accent)}.btn.primary:hover{background:#404552}.btn.lime{background:var(--accent-light);border-color:var(--accent-light);color:var(--accent)}.btn.ghost{border-color:transparent;background:transparent}.btn.ghost:hover{background:#e4e7ed}.btn.sm{font-size:12px;padding:7px 11px;border-radius:7px}.btn.lg{padding:16px 23px;font-size:14px;border-radius:10px}.btn.danger{color:var(--red);background:#fcf3f0;border-color:#f1dcd5}.icon-btn{border:0;background:transparent;display:inline-flex;align-items:center;justify-content:center;padding:8px;border-radius:7px;color:#656d81}.icon-btn:hover{background:#eaebf0;color:var(--accent)}.icon-btn.danger:hover{color:var(--red);background:#fcf1ed}.text-link{border:0;background:none;padding:0;color:var(--accent);font-weight:600;font-size:12px;display:inline-flex;align-items:center;gap:5px}.eyebrow{display:flex;align-items:center;gap:9px;text-transform:uppercase;font-size:10px;font-weight:650;letter-spacing:2px;color:#5c6376}.eyebrow:before{content:"";width:6px;height:6px;border-radius:50%;background:#7d8599}.tag{display:inline-flex;align-items:center;gap:6px;font-size:11px;border:1px solid var(--line);border-radius:6px;padding:4px 8px;color:var(--muted)}.pill{display:inline-flex;gap:6px;align-items:center;border-radius:6px;padding:4px 8px;font-size:10px;font-weight:500;white-space:nowrap}.pill:before{content:"";width:5px;height:5px;background:currentColor;border-radius:50%;flex-shrink:0}.pill.paid,.pill.issued-delivery{background:#ecedf1;color:#525869}.pill.issued,.pill.partial{background:#fcf3df;color:#a48238}.pill.overdue{background:#fbede7;color:#ad6650}.pill.draft{background:#edeff3;color:#71798f}.pill.canceled{background:#f3eded;color:#927878}.card{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);box-shadow:var(--shadow)}.card-pad{padding:24px}.section-label{font-size:12px;font-weight:600;letter-spacing:0;color:#404451}.empty{padding:55px 20px;text-align:center}.empty .icon{width:32px;height:32px;margin-bottom:15px;color:#8b92a4}.empty h3{font-size:17px;letter-spacing:-.02em}.empty p{margin:8px auto 19px;max-width:360px;font-size:13px;color:var(--muted)}.skip-link{position:fixed;top:-100px;left:12px;padding:12px;background:white;z-index:500}.skip-link:focus{top:10px}.loading{height:100vh;display:grid;align-content:center;justify-content:center;text-align:center;gap:20px}.loading p{color:var(--muted)}
/* PUBLIC HOME */
.landing{background:#f6f6f8;overflow:hidden}.site-nav{max-width:1240px;margin:auto;display:flex;align-items:center;justify-content:space-between;height:100px;padding:0 36px}.site-nav .brand{font-size:36px}.site-links{display:flex;gap:33px;font-size:12px;color:#5c6375}.site-links a:hover{color:var(--accent)}.nav-cta{display:flex;align-items:center;gap:15px}.nav-cta .btn{font-size:12px}.hero{max-width:1240px;min-height:650px;margin:auto;padding:70px 36px 70px;display:grid;grid-template-columns:1.08fr 1fr;gap:45px;align-items:center}.hero-copy{position:relative;z-index:2;padding-bottom:25px}.hero h1{font-size:clamp(48px,5.1vw,69px);font-weight:500;line-height:1.105;letter-spacing:-3.7px;margin:24px 0 25px}.hero h1 em{font-family:Georgia,"Times New Roman",serif;font-weight:400;color:#5f667a;font-style:italic}.hero .lead{font-size:15px;color:#6f778e;max-width:360px;line-height:1.9}.hero-actions{margin:32px 0 23px;display:flex;gap:11px;flex-wrap:wrap}.hero-footnote{font-size:10px;color:#7a8196;display:flex;align-items:center;gap:7px}.hero-footnote .icon{width:13px;height:13px}.hero-visual{position:relative;min-height:490px;display:flex;align-items:center;justify-content:center;padding:30px 12px 15px}.visual-orbit{position:absolute;width:450px;height:450px;border:1px solid #d7d9df;border-radius:50%;left:35px;top:20px;background:radial-gradient(ellipse,#e1e3e888,transparent 65%)}.visual-orbit:after{content:"";position:absolute;inset:27px;border:1px dashed #cfd2da;border-radius:50%}.visual-speck{position:absolute;right:18px;top:30px;font-size:80px;font-family:Georgia,serif;line-height:1;font-weight:400;color:#a7acb9;transform:rotate(16deg)}.paper-stack{position:absolute;width:338px;height:410px;background:#e1e3e8;border-radius:10px;transform:rotate(9deg);left:87px;top:62px;box-shadow:0 15px 30px #32353f0b}.hero-document{width:350px;min-height:424px;background:white;box-shadow:0 18px 60px #292c3415;border:1px solid #e4e7ed;border-radius:9px;position:relative;transform:rotate(-5deg);padding:30px 25px 22px;color:#3c404c}.mini-doc-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:22px;border-bottom:1px solid #e4e6ea}.mini-logo{font-size:10px;font-weight:800;letter-spacing:.5px}.mini-logo .icon{width:15px;height:15px;margin-right:4px}.mini-doc-top .tag{font-size:7px;padding:3px 6px}.mini-doc-title{font-size:26px;letter-spacing:-1px;font-weight:500;margin-top:20px}.mini-doc-number{font-size:8px;color:#70788f;margin-top:4px}.mini-parties{display:flex;justify-content:space-between;margin:23px 0;font-size:8px}.mini-parties small{display:block;color:#8b92a4;font-size:7px;margin-bottom:4px}.mini-doc-table{width:100%;border-collapse:collapse;font-size:8px}.mini-doc-table th{text-align:left;font-weight:500;color:#8990a2;padding:8px 4px;background:#f0f1f5}.mini-doc-table td{padding:11px 4px;border-bottom:1px solid #ebedf1}.mini-doc-table th:last-child,.mini-doc-table td:last-child{text-align:right}.mini-total{display:flex;justify-content:space-between;font-size:11px;padding-top:23px;align-items:center}.mini-total b{font-size:20px;font-weight:600}.mini-doc-footer{font-size:6px;display:flex;justify-content:space-between;border-top:1px solid #e0e2e7;margin-top:26px;padding-top:12px;color:#838a9d}.float-payment{position:absolute;right:-10px;bottom:53px;background:var(--accent);color:white;border-radius:13px;box-shadow:0 12px 35px #33364027;padding:18px 22px;display:flex;gap:13px;align-items:center;transform:rotate(3deg);z-index:3}.payment-check{width:35px;height:35px;background:#c6cad3;border-radius:50%;color:var(--accent);display:grid;place-items:center}.float-payment strong{font-size:12px;display:block;font-weight:600}.float-payment small{display:block;font-size:9px;color:#c0c4ce;margin-top:3px}.float-catalog{position:absolute;left:4px;top:28px;z-index:3;background:white;border:1px solid #e2e4e8;border-radius:10px;padding:12px 17px;box-shadow:0 8px 30px #3336400a;display:flex;align-items:center;gap:12px;font-size:10px;transform:rotate(4deg)}.float-catalog .icon{color:#60677a}.float-catalog span{display:block;font-size:8px;color:#7a8297;margin-top:2px}.visual-caption{position:absolute;bottom:4px;left:125px;font-size:9px;letter-spacing:.5px;color:#878da0}.home-strip{border-top:1px solid #dee0e5;border-bottom:1px solid #dee0e5;max-width:1168px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);padding:22px 0;gap:24px}.home-strip div{display:flex;align-items:center;justify-content:center;gap:10px;font-size:11px;color:#656d81}.home-strip .icon{width:17px;height:17px;color:#646c80}.home-section{max-width:1240px;padding:95px 36px 0;margin:auto}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:34px}.section-heading h2{font-size:36px;font-weight:500;line-height:1.22;margin-top:13px;letter-spacing:-1.5px}.section-heading>p{color:#798095;font-size:13px;max-width:260px;line-height:1.8;padding-bottom:2px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-card{padding:29px;background:#ecedf1;border-radius:13px;min-height:211px;border:1px solid #e2e4e9}.feature-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.feature-top .icon{width:24px;height:24px;color:#585e6f}.feature-top span{font-size:10px;color:#969cac}.feature-card h3{font-size:17px;font-weight:550;letter-spacing:-.4px;margin-bottom:11px}.feature-card p{font-size:12px;color:#70788e;line-height:1.85;max-width:245px}.home-templates{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.home-template{border:0;text-align:left;background:transparent;padding:0}.template-thumb{background:#e8eaef;border:1px solid #dddfe4;border-radius:12px;padding:26px 35px 0;height:250px;overflow:hidden;position:relative;transition:.2s}.home-template:hover .template-thumb{background:#dcdee4;transform:translateY(-4px)}.thumbnail-paper{background:white;height:272px;border-radius:2px 2px 0 0;padding:21px 18px;box-shadow:0 4px 20px #2a2d3512;color:#343842}.thumbnail-paper .thumb-overline{font-size:6px;letter-spacing:1px;margin-bottom:23px}.thumbnail-paper .thumb-title{font-size:15px;line-height:1.1;letter-spacing:-.7px;font-weight:600;margin-bottom:18px}.thumb-rule{height:3px;background:#e5e6ea;margin-bottom:7px;width:75%}.thumb-rule.short{width:45%}.thumb-table{margin-top:22px}.thumb-row{height:15px;border-bottom:1px solid #e5e6ea}.thumb-row:first-child{background:#e9ebf0}.thumb-sum{height:5px;width:42%;background:#444956;margin:18px 0 0 auto}.thumb-classic .thumbnail-paper{font-family:Arial,sans-serif;color:#333}.thumb-classic .thumb-title{text-align:center;font-size:10px;text-transform:uppercase;margin-top:25px}.thumb-classic .thumb-row{border:1px solid #bbb;border-bottom:0}.thumb-classic .thumb-row:last-child{border-bottom:1px solid #bbb}.thumb-classic .thumb-row:first-child{background:#ddd}.thumb-modern .thumbnail-paper{border-top:6px solid var(--accent)}.thumb-editorial .thumbnail-paper{background:#fffaf0}.thumb-editorial .thumb-title{font-family:Georgia,serif;font-size:20px;font-weight:400}.thumb-editorial .thumb-row:first-child{background:#efe6d2}.thumb-minimal .thumb-title{font-size:22px;font-weight:400}.thumb-minimal .thumb-row:first-child{background:transparent;border-top:1px solid #4a4f5e}.template-label{display:flex;align-items:center;justify-content:space-between;padding:16px 1px;font-size:12px;font-weight:550}.template-label .icon{width:14px;height:14px;color:#7e869a}.home-bottom{background:var(--accent);border-radius:18px;margin:85px 0 0;padding:46px 50px;color:white;display:flex;justify-content:space-between;align-items:center;gap:30px;position:relative;overflow:hidden}.home-bottom h2{font-size:31px;letter-spacing:-1px;font-weight:500;margin-bottom:11px}.home-bottom p{font-size:12px;color:#aaafbd}.home-footer{max-width:1240px;padding:36px 36px 30px;margin:auto;display:flex;align-items:center;justify-content:space-between}.home-footer .brand{font-size:26px}.home-footer p{font-size:10px;color:#8b92a4}
/* APP SHELL */
.app-shell{display:flex;min-height:100vh}.sidebar{width:230px;flex-shrink:0;position:fixed;left:0;top:0;bottom:0;border-right:1px solid var(--line);background:#fafbfc;padding:32px 18px 18px;display:flex;flex-direction:column;z-index:30}.sidebar .brand{padding-left:16px;margin-bottom:32px}.workspace-switch{margin:0 0 29px;border:1px solid var(--line);border-radius:9px;padding:10px 12px;display:flex;align-items:center;gap:9px;background:#fff}.avatar{width:31px;height:31px;border-radius:8px;background:#e4e5e9;color:#5b6274;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:11px;flex-shrink:0}.workspace-switch .ws-name{font-size:11px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:135px}.workspace-switch .muted{font-size:9px;display:block;margin-top:1px}.nav-caption{font-size:8px;letter-spacing:1.5px;color:#8f95a7;margin:0 13px 11px}.side-nav{display:flex;flex-direction:column;gap:5px}.nav-item{display:flex;align-items:center;padding:11px 13px;border-radius:8px;color:#6f778d;gap:12px;font-size:12px;transition:.15s}.nav-item .icon{width:18px;height:18px}.nav-item:hover{background:#ebedf1;color:var(--accent)}.nav-item.active{color:var(--accent);background:#e4e5e9;font-weight:600}.nav-count{margin-left:auto;font-size:9px;min-width:19px;text-align:center;padding:1px 5px;border-radius:4px;background:#fff9}.sidebar-bottom{margin-top:auto;padding-top:32px}.local-note{padding:14px 12px;border:1px solid #dfe1e6;border-radius:10px;background:#eff0f4;margin:18px 0}.local-note .flex{font-size:10px;font-weight:600;gap:7px;margin-bottom:6px}.local-note .icon{width:13px;height:13px}.local-note p{font-size:9px;color:#7d8498;line-height:1.7}.profile{padding:15px 9px 0;border-top:1px solid var(--line);display:flex;align-items:center;gap:10px}.profile span{font-size:10px;display:block;font-weight:500}.profile small{font-size:9px;color:var(--muted);font-weight:400}.app-main{width:calc(100% - 230px);margin-left:230px;min-width:0}.app-topbar{height:81px;background:#ffffff80;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 38px;gap:12px}.breadcrumb{font-size:11px;display:flex;align-items:center;gap:9px;color:#9096a8;white-space:nowrap}.breadcrumb .icon{width:15px;height:15px}.breadcrumb strong{font-weight:500;color:#4d5362}.topbar-actions{display:flex;gap:16px;align-items:center}.search-trigger{color:#8d94a6;border:0;background:none;display:flex;align-items:center;gap:8px;font-size:10px}.search-trigger .icon{width:16px;height:16px}.shortcut{font-size:9px;border:1px solid #e0e2e7;border-radius:4px;padding:1px 5px}.local-status{font-size:9px;color:#747c92;display:flex;align-items:center;gap:6px}.local-status:before{content:"";width:5px;height:5px;background:#7e869a;border-radius:50%}.mobile-toggle{display:none}.content{max-width:1550px;padding:32px 38px 50px;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.page-heading h1{font-size:28px;letter-spacing:-1px;font-weight:550}.page-heading p{font-size:11px;color:#7a8297;margin-top:8px}.heading-actions{display:flex;align-items:center;gap:9px}.date-tag{font-size:10px;display:flex;align-items:center;gap:8px;color:#747c92}.date-tag .icon{width:15px;height:15px}.demo-banner{padding:11px 15px;background:#e7e9ee;border:1px solid #d7d9df;border-radius:8px;margin-bottom:23px;font-size:10px;color:#676e82;display:flex;align-items:center;justify-content:space-between;gap:10px}.demo-banner .icon{width:14px;height:14px}.demo-banner .text-link{font-size:10px;color:#555c6d}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:23px}.metric{padding:20px 21px;position:relative;min-height:130px;box-shadow:none}.metric-label{font-size:10px;color:#7a8196;display:flex;align-items:center;justify-content:space-between}.metric-label .icon{width:16px;height:16px;color:#9096a8}.metric-value{font-size:27px;line-height:1.1;letter-spacing:-1.2px;font-weight:550;margin:18px 0 10px}.metric-value span{font-size:14px;letter-spacing:0;font-weight:400;color:#6e768c;margin-left:3px}.metric-caption{font-size:9px;color:#959bac}.metric.dark{background:var(--accent);border-color:var(--accent);color:white}.metric.dark .metric-label,.metric.dark .metric-label .icon{color:#b1b6c2}.metric.dark .metric-value span{color:#afb4c1}.metric.dark .metric-caption{color:#9ba0b0}.dashboard-middle{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:22px;margin-bottom:23px}.dashboard-middle>*{min-width:0}.chart-card{min-width:0;padding:23px 25px;min-height:273px}.card-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px}.card-heading h2{font-size:13px;letter-spacing:-.1px;font-weight:550}.card-heading p{font-size:9px;color:#8e95a7;margin-top:5px}.chart-total{font-size:25px;letter-spacing:-1px;font-weight:500}.chart-total span{font-size:11px;color:#858ca0;letter-spacing:0;margin-left:6px}.chart{display:flex;gap:10px;align-items:flex-end;height:132px;margin-top:20px;background:repeating-linear-gradient(to top,transparent 0,transparent 32px,#ebedf1 32px,#ebedf1 33px);border-bottom:1px solid #e4e6ea;padding:0 15px}.bar-column{height:100%;flex:1;min-width:0;display:flex;align-items:end;gap:5px;justify-content:center;position:relative}.bar{width:22px;max-width:40%;border-radius:4px 4px 0 0;min-height:2px;background:#d4d6dd;transition:height .3s}.bar.paid-bar{background:#646b7f}.bar-label{position:absolute;top:calc(100% + 8px);font-size:8px;white-space:nowrap;color:#858c9f}.chart-legend{font-size:9px;display:flex;gap:15px;align-items:center;color:#7f869a}.chart-legend span:before{display:inline-block;content:"";width:6px;height:6px;background:#d4d6dd;border-radius:2px;margin-right:5px}.chart-legend span:last-child:before{background:#646b7f}.quick-card{padding:23px 24px;background:#ebedf1;border-color:#dee0e5;position:relative;overflow:hidden}.quick-card h2{font-size:20px;font-weight:500;letter-spacing:-.6px;line-height:1.4;max-width:220px;margin-top:12px}.quick-card p{font-size:10px;color:#7b8398;max-width:180px;line-height:1.8;margin-top:10px}.quick-card .btn{margin-top:22px}.quick-doodle{position:absolute;right:14px;bottom:20px;width:60px;height:76px;transform:rotate(13deg);border:1px solid #b4b8c4;border-radius:6px;background:#fff7}.quick-doodle:before{content:"";position:absolute;top:20px;left:12px;width:32px;height:1px;background:#abb0bd;box-shadow:0 9px #abb0bd,0 18px #abb0bd}.quick-doodle:after{content:"+";display:grid;place-items:center;position:absolute;bottom:-12px;right:-6px;width:25px;height:25px;border-radius:50%;background:#c5c9d2;color:#636a7e;font-size:18px}.table-card{overflow:hidden}.table-card .card-heading{padding:22px 25px 0;margin-bottom:19px}.table-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:0 24px 17px}.tabs{display:flex;gap:5px;align-items:center;flex-wrap:wrap}.tab{background:none;border:0;font-size:10px;padding:6px 10px;color:#7d8599;border-radius:6px}.tab.active{background:#e9eaef;color:#4f5464;font-weight:600}.tab-count{font-size:9px;opacity:.65;margin-left:5px}.table-wrap{overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:10px;text-align:left;white-space:nowrap}.data-table thead{background:#f8f8fa}.data-table th{font-weight:500;color:#8c92a4;font-size:9px;letter-spacing:.1px;padding:11px 14px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.data-table td{padding:14px;border-bottom:1px solid #e9ebf0;color:#6a7186}.data-table tr:last-child td{border-bottom:0}.data-table th:first-child,.data-table td:first-child{padding-left:25px}.data-table th:last-child,.data-table td:last-child{padding-right:23px}.data-table tbody tr:hover{background:#f9fafb}.document-link{font-size:11px;font-weight:550;color:#4d5362;border:0;background:transparent;padding:0;display:flex;gap:10px;align-items:center;text-align:left}.document-link>.icon{width:15px;height:15px;color:#8c93a5}.table-amount{font-weight:600;font-size:11px;color:#4f5464!important}.row-actions{display:flex;align-items:center;gap:2px;justify-content:flex-end}.row-actions .icon-btn{padding:5px}.row-actions .icon{width:14px;height:14px}.table-footer{border-top:1px solid var(--line);padding:13px 24px;display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#8e95a7}.search-input{position:relative}.search-input .icon{position:absolute;left:11px;top:50%;transform:translateY(-50%);width:15px;height:15px;color:#9399aa}.search-input input{padding:9px 12px 9px 34px;background:#fff;font-size:11px;border:1px solid var(--line);border-radius:7px;width:220px}.mini-select{border:1px solid var(--line);background:white;border-radius:7px;padding:8px 11px;font-size:10px;color:#70788f;max-width:160px}.table-empty td{padding:35px!important;text-align:center}.catalog-top{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:23px}.stat-small{padding:19px 22px;display:flex;gap:16px;align-items:center}.stat-small>.icon{background:#ebedf1;padding:10px;width:42px;height:42px;border-radius:10px;color:#60677a}.stat-small strong{font-size:22px;font-weight:550;letter-spacing:-.5px;display:block}.stat-small p{font-size:10px;color:#888fa1}.client-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.client-card{padding:22px}.client-card h3{font-size:14px;font-weight:550;line-height:1.4;margin:15px 0 4px}.client-card p{font-size:11px;color:#80879b}.client-card .client-meta{margin-top:18px;border-top:1px solid var(--line);padding-top:14px;font-size:10px;color:#757d93;display:flex;justify-content:space-between;align-items:center}.template-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.template-option{padding:0;background:#fff;border:1px solid var(--line);border-radius:13px;overflow:hidden;text-align:left;position:relative;cursor:pointer}.template-option .template-thumb{height:282px;border:0;border-radius:0;padding:30px 30px 0}.template-option .template-label{padding:17px 18px}.template-option.selected{outline:2px solid #5f6679;outline-offset:3px}.template-option .template-description{font-size:10px;color:#82899c;padding:0 18px 17px;margin-top:-7px}.selected-check{display:none}.template-option.selected .selected-check{display:block;color:#636a7e}.template-note{margin-top:26px;background:#e9eaef;padding:19px 23px;border-radius:10px;color:#6b7389;font-size:11px;display:flex;gap:12px;align-items:center}.template-note .icon{width:18px;height:18px}
/* FORMS & EDITOR */
.form-card{padding:25px}.form-card h2{font-size:14px;letter-spacing:-.2px;font-weight:600;margin-bottom:6px}.form-card>.muted{font-size:11px;margin-bottom:24px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:flex;flex-direction:column;gap:6px;min-width:0}.field>span,.field>label{font-size:10px;color:#70788e;font-weight:500}.field input,.field select,.field textarea,.input{width:100%;border:1px solid #dee0e5;background:#fff;border-radius:7px;padding:10px 12px;color:#434856;min-height:38px;font-size:12px;transition:border .15s}.field textarea{resize:vertical;min-height:78px}.field input::placeholder,.field textarea::placeholder{color:#a8adba}.field small{font-size:9px;color:#8e95a7}.span-2{grid-column:1/-1}.field .input-icon{display:flex;gap:8px}.field .input-icon input,.field .input-icon select{flex:1;min-width:0}.field .input-icon .btn{padding:8px 11px}.field.inline{display:flex;flex-direction:row;align-items:center;gap:9px}.field.inline input[type=checkbox]{width:15px;min-height:15px;height:15px;accent-color:var(--accent);box-shadow:none}.field.inline>span{font-size:11px}.form-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding-top:23px;border-top:1px solid var(--line);margin-top:23px}.form-notice{padding:12px 14px;background:#f1f3f6;border-radius:7px;font-size:10px;color:#7d8498;line-height:1.7}.settings-layout{display:grid;grid-template-columns:1.6fr 1fr;gap:24px;align-items:start}.settings-card{margin-bottom:22px}.upload-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.upload-box{border:1px dashed #c4c7d0;border-radius:10px;background:#f7f8fa;min-height:130px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:13px;position:relative;text-align:center;overflow:hidden}.upload-box .icon{color:#7f879b;width:23px;height:23px}.upload-box strong{font-weight:500;font-size:11px}.upload-box small{font-size:8px;color:#949aab}.upload-box img{max-height:58px;max-width:90%;object-fit:contain;display:block}.upload-box .remove-upload{position:absolute;top:4px;right:4px;background:white;padding:3px;border-radius:5px}.upload-box .remove-upload .icon{width:13px;height:13px}.upload-box .btn{font-size:9px;padding:4px 7px}.backup-list{display:flex;flex-direction:column;gap:10px;margin:20px 0}.backup-list .btn{justify-content:flex-start;font-size:11px}.danger-zone{border-color:#eaded5;background:#fffcf8}.editor-heading{margin-bottom:20px}.editor-heading h1{font-size:24px}.editor-heading .back-link{display:flex;align-items:center;gap:8px;font-size:10px;color:#878ea1;margin-bottom:12px}.editor-grid{display:grid;grid-template-columns:minmax(390px,1.06fr) minmax(350px,1fr);gap:23px;align-items:start}.editor-panel{min-width:0}.editor-tabs{padding:5px;display:flex;background:#e5e7eb;border-radius:8px;margin-bottom:18px;gap:4px}.editor-tabs .tab{flex:1;font-size:11px;padding:9px 10px;border-radius:6px}.editor-tabs .tab.active{background:#fff;box-shadow:0 2px 6px #33364007;color:#555b6c}.editor-card{padding:22px;margin-bottom:17px}.editor-section-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:18px}.editor-section-heading h2{font-size:12px;letter-spacing:0;font-weight:550}.section-num{display:inline-flex;align-items:center;justify-content:center;width:21px;height:21px;background:#e7e9ef;border-radius:6px;color:#697186;font-size:9px;margin-right:7px;font-weight:500}.editor-grid .form-grid{gap:14px}.editor-grid .field input,.editor-grid .field select{font-size:11px;padding:9px 10px}.party-info{padding:12px 14px;background:#f2f3f6;border-radius:8px;margin-top:12px;font-size:10px;color:#7e8599}.party-info strong{display:block;color:#575d6e;font-size:11px;font-weight:550;margin-bottom:4px}.item-row{border:1px solid #e2e4e9;border-radius:9px;padding:12px;margin-top:11px;background:#fbfcfd}.item-row .item-top{display:flex;gap:8px;align-items:center;margin-bottom:11px}.item-top .item-index{font-size:9px;color:#80889c}.item-top input{width:100%;min-width:0;border:0;background:transparent;padding:3px 0;color:#484d5b;font-size:11px;font-weight:500;box-shadow:none}.item-top .icon-btn{padding:3px}.item-top .icon{width:14px;height:14px}.item-numbers{display:grid;grid-template-columns:65px 62px 1fr 1fr;gap:10px;align-items:end}.item-numbers .field{gap:4px}.item-numbers .field>span{font-size:8px}.item-numbers input,.item-numbers select{font-size:11px!important;min-height:32px;padding:6px 8px!important}.item-subtotal{text-align:right;color:#53596a;font-weight:600;font-size:12px;padding-bottom:7px}.add-item-actions{display:flex;gap:8px;margin-top:14px}.add-item-actions .btn{font-size:10px;flex:1;padding:9px}.totals-panel{margin-top:20px;border-top:1px solid var(--line);padding-top:14px}.totals-row{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#7e869a;margin-top:8px;gap:10px}.totals-row.total{font-size:16px;font-weight:600;color:#484d5c;border-top:1px solid var(--line);padding-top:14px;margin-top:14px}.editor-footer{position:sticky;bottom:15px;background:#fcfcfdef;border:1px solid #dadce2;border-radius:11px;padding:12px;display:flex;justify-content:space-between;align-items:center;gap:8px;box-shadow:0 5px 25px #33364010;z-index:5;backdrop-filter:blur(12px)}.editor-footer .btn{font-size:11px}.save-indicator{font-size:9px;color:#757d93;display:flex;align-items:center;gap:5px;padding-left:5px}.save-indicator .icon{width:12px;height:12px}.preview-panel{background:#e7e9ee;border:1px solid #dcdee3;border-radius:13px;padding:18px 17px;position:sticky;top:20px;min-width:0;overflow:hidden}.preview-toolbar{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#7b8398;margin-bottom:18px}.preview-toolbar span{display:flex;align-items:center;gap:6px}.preview-toolbar .icon{width:13px;height:13px}.paper-viewport{width:100%;overflow:hidden;position:relative;background:white;box-shadow:0 7px 28px #292c350e;border-radius:2px}.paper-viewport>.paper{transform-origin:top left;position:absolute;left:0;top:0}.preview-hint{font-size:8px;text-align:center;color:#82899d;margin:14px 0 0;line-height:1.7}.design-choices{display:grid;grid-template-columns:1fr 1fr;gap:12px}.design-choices .template-option .template-thumb{height:174px;padding:17px 24px 0}.design-choices .template-option .thumbnail-paper{height:205px;padding:14px 13px}.design-choices .template-option .template-label{padding:11px 12px;font-size:10px}.design-choices .thumb-overline{margin-bottom:15px}.design-choices .thumb-table{margin-top:15px}.design-choices .thumb-title{font-size:13px;margin-bottom:12px}.asset-tools{margin-top:17px;border-top:1px solid var(--line);padding-top:16px}.asset-tools .tabs{margin-bottom:15px}.range-row{display:grid;grid-template-columns:90px 1fr 35px;gap:10px;align-items:center;margin:10px 0;font-size:10px;color:#7a8196}.range-row input{width:100%;accent-color:#656d81}.range-row output{text-align:right;font-size:9px}.tone-grid{display:flex;align-items:center;gap:8px;margin:15px 0}.tone-grid span{font-size:10px;color:#777f95;margin-right:8px}.color-swatch{border:2px solid transparent;width:23px;height:23px;border-radius:50%;background:var(--swatch);padding:0}.color-swatch.selected{outline:1px solid var(--swatch);outline-offset:2px;border-color:white}.color-custom{border:0;width:29px;height:29px;padding:0;background:none}.settings-unsaved{background:#fff7e5;padding:10px;font-size:10px;color:#a4863c;border-radius:8px;margin-top:14px}
/* PRINTABLE DOCUMENT — styles are deliberately independent of UI */
.paper{width:794px;min-height:1123px;background:white;color:#282b33;padding:58px 52px 44px;font-family:Arial,sans-serif;font-size:12px;line-height:1.5;position:relative;--doc-accent:#333640;overflow-wrap:anywhere}.paper *{box-sizing:border-box}.paper h1,.paper h2,.paper h3{letter-spacing:0}.paper-head{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:28px;border-bottom:1px solid #dddfe5;gap:20px}.paper-brand{font-size:13px;font-weight:700;color:var(--doc-accent);max-width:340px;display:flex;align-items:center;gap:12px}.paper-logo{max-width:110px;max-height:48px;object-fit:contain}.paper-type-label{font-size:9px;letter-spacing:1.2px;color:#7d8498;text-transform:uppercase}.paper-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin:35px 0 27px}.paper-heading h1{font-size:35px;line-height:1.12;font-weight:500;color:var(--doc-accent);max-width:470px}.paper-heading h1 small{display:block;font-size:14px;letter-spacing:.2px;margin-top:11px}.paper-dates{text-align:right;font-size:10px;color:#71798f;white-space:nowrap}.paper-dates strong{display:block;font-size:12px;font-weight:500;color:#414552;margin-top:3px}.paper-parties{display:grid;grid-template-columns:1fr 1fr;gap:33px;margin-bottom:28px}.paper-party{font-size:10px;line-height:1.65;white-space:normal}.paper-party .party-label{font-size:8px;letter-spacing:1px;text-transform:uppercase;color:#7f869a;display:block;margin-bottom:7px}.paper-party strong{font-size:12px;display:block;font-weight:600;margin-bottom:5px}.paper-party p{margin:2px 0;color:#687085;white-space:pre-line}.paper-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:10px}.paper-table th{background:#ebedf1;color:#5d6476;padding:11px 8px;text-align:left;font-size:9px;font-weight:500}.paper-table th:first-child{width:36px}.paper-table th.qty{width:60px;text-align:right}.paper-table th.unit{width:40px;text-align:center}.paper-table th.price{width:94px;text-align:right}.paper-table th.amount{width:108px;text-align:right}.paper-table td{padding:14px 8px;border-bottom:1px solid #e5e6ea;vertical-align:top;word-break:normal;overflow-wrap:anywhere}.paper-table td.num{color:#80889c;white-space:nowrap;overflow-wrap:normal}.paper-table td.center{text-align:center}.paper-table td.amount{font-weight:600}.paper-table td small{font-size:8px;display:block;color:#8c93a5;margin-top:3px}.paper-summaries{display:flex;justify-content:flex-end;margin-top:19px}.paper-summary{width:310px}.paper-summary .sum-row{display:flex;justify-content:space-between;font-size:10px;color:#6d758a;margin:7px 0;gap:10px}.paper-summary .sum-total{margin-top:13px;padding:13px 0;border-top:1px solid #d7d9df;color:var(--doc-accent);font-size:16px;font-weight:600;line-height:1.5}.paper-summary .sum-total span:last-child{white-space:nowrap}.paper-words{margin-top:23px;font-size:10px;color:#697186}.paper-words strong{color:#3f4451;font-weight:500}.paper-note{white-space:pre-line;font-size:10px;color:#697186;margin-top:18px;line-height:1.7}.paper-sign-area{position:relative;min-height:185px;break-inside:avoid;margin-top:22px}.paper-sign-lines{display:flex;justify-content:space-between;padding-top:87px;gap:35px;position:relative;z-index:1;pointer-events:none}.paper-sign-lines>div{width:270px;font-size:10px;color:#70788e}.paper-sign-lines .sign-line{border-bottom:1px solid #b2b6c2;min-height:20px;margin:8px 0 5px}.paper-sign-lines small{font-size:9px;color:#7b8398}.paper-foot{margin-top:22px;border-top:1px solid #dfe0e5;padding-top:12px;display:flex;justify-content:space-between;gap:20px;color:#9096a7;font-size:8px}.paper-ref{font-size:10px;color:#798196;margin:-6px 0 18px}.paper-classic{font-family:Arial,sans-serif;color:#111;padding:55px 44px;font-size:13px}.paper-classic .paper-head{display:none}.paper-classic .paper-heading{display:block;text-align:center;margin:64px 0 23px}.paper-classic .paper-heading h1{font-size:17px;font-weight:700;max-width:none;text-transform:uppercase;color:#111}.paper-classic .paper-heading h1 small{display:inline;font-size:17px;letter-spacing:0}.paper-classic .paper-dates{text-align:center;margin-top:6px;color:#111;font-size:12px}.paper-classic .paper-dates strong{display:inline;color:#111;font-size:12px}.paper-classic .paper-dates>div{margin-top:3px}.paper-classic .paper-parties{display:block;margin-bottom:0}.paper-classic .paper-party{display:grid;grid-template-columns:120px 1fr;gap:0 0;margin-bottom:20px;font-size:13px;line-height:1.6}.paper-classic .paper-party .party-label{font-size:13px;font-weight:700;text-decoration:underline;letter-spacing:0;text-transform:none;color:#111;grid-row:1/6;padding-top:1px}.paper-classic .paper-party strong{font-size:13px;font-weight:400;color:#111}.paper-classic .paper-party p{color:#111;font-size:12px}.paper-classic .paper-party .paper-logo{margin-bottom:8px}.paper-classic .paper-table{font-size:12px}.paper-classic .paper-table th{background:#d1d1d1;border:1px solid #111;color:#111;font-size:11px;font-weight:700;text-align:center;padding:8px 5px}.paper-classic .paper-table td{border:1px solid #111;padding:11px 8px}.paper-classic .paper-words{color:#111;font-size:13px;margin-top:28px}.paper-classic .paper-words strong{color:#111;font-weight:600}.paper-classic .paper-summary{width:100%;margin-top:35px}.paper-classic .paper-summary .sum-row{color:#111;font-size:12px}.paper-classic .paper-summary .sum-total{font-size:16px;color:#111;border:0;margin-top:5px;padding:10px 0}.paper-classic .paper-sign-area{margin-top:10px}.paper-classic .paper-sign-lines{padding-top:60px}.paper-classic .paper-sign-lines>div{color:#111;font-weight:600;font-size:12px}.paper-classic .paper-sign-lines small{font-weight:400;color:#555}.paper-classic .paper-foot{border:0;color:#777}.paper-modern{border-top:9px solid var(--doc-accent);padding-top:44px}.paper-modern .paper-table th{background:var(--doc-accent);color:white}.paper-modern .paper-summary .sum-total{border:0;background:#edeef2;padding:14px;border-radius:5px}.paper-minimal .paper-head{border:0;padding-bottom:14px}.paper-minimal .paper-heading{margin-top:31px;margin-bottom:40px}.paper-minimal .paper-heading h1{font-size:45px;letter-spacing:-2px;color:#282a32}.paper-minimal .paper-table th{background:white;border-top:1px solid #2b2e36;border-bottom:1px solid #d1d3da}.paper-minimal .paper-summary .sum-total{border-top:1px solid #282b33}.paper-editorial{background:#fffcf6;color:#48412d;border-top:5px solid var(--doc-accent)}.paper-editorial .paper-heading h1{font-family:Georgia,serif;font-size:43px;letter-spacing:-1px}.paper-editorial .paper-brand{font-family:Georgia,serif;font-size:17px;font-weight:400}.paper-editorial .paper-table th{background:#f0ebdd;color:#7f7558}.paper-editorial .paper-head{border-color:#dfd6c4}.paper-editorial .paper-summary .sum-total{border-color:#d8ccb4}.ink-asset{position:absolute;z-index:3;transform:translate(-50%,-50%) rotate(var(--rotate,0deg));transform-origin:center;line-height:0;touch-action:none;user-select:none;-webkit-user-select:none}.ink-asset img{width:100%;display:block;pointer-events:none}.ink-asset.editable{cursor:grab;outline:1px dashed #8f95a780;outline-offset:6px}.ink-asset.editable:active{cursor:grabbing}.ink-asset.editable.selected{outline-color:#525868}.ink-asset.editable.selected:after{content:"↗";position:absolute;right:-13px;bottom:-13px;background:#464b59;color:white;border:2px solid white;font:12px/20px Arial;width:22px;height:22px;text-align:center;border-radius:5px;pointer-events:none}.ink-asset:focus-visible{outline:2px dashed #464b59;outline-offset:5px}.paper-empty-mark{position:absolute;inset:0;background:#fff8;pointer-events:none;display:flex;align-items:center;justify-content:center;font-size:30px;letter-spacing:8px;transform:rotate(-25deg);color:#686f8422}
/* MODALS, DOCUMENT VIEW, NOTICES */
.modal-backdrop{position:fixed;inset:0;background:#20222860;z-index:100;display:flex;align-items:center;justify-content:center;padding:24px;backdrop-filter:blur(4px)}.modal{background:#fafbfc;border:1px solid #ffffff88;border-radius:16px;width:510px;max-width:100%;max-height:92vh;overflow:auto;box-shadow:0 30px 100px #181a1f33;animation:appear .15s ease}.modal.wide{width:750px}.modal.preview-modal{width:910px;background:#e8eaef}.modal-header{padding:23px 25px 17px;display:flex;justify-content:space-between;align-items:flex-start;gap:15px;position:sticky;top:0;z-index:5;background:inherit;border-radius:16px 16px 0 0}.modal-header h2{font-size:19px;font-weight:550;letter-spacing:-.5px}.modal-header p{font-size:11px;color:#7f869a;margin-top:7px}.modal-header>.icon-btn{padding:4px}.modal-body{padding:0 25px 25px}.modal-footer{display:flex;justify-content:flex-end;align-items:center;gap:10px;padding:0 25px 24px}.modal-actions-top{display:flex;gap:7px;flex-wrap:wrap;padding:0 25px 18px}.modal-actions-top .btn{font-size:10px}.modal .paper-viewport{max-width:794px;margin:auto}.modal .form-grid{gap:16px}.modal .search-input{margin-bottom:15px}.modal .search-input input{width:100%;font-size:13px;padding:12px 12px 12px 36px}.picker-list{max-height:380px;overflow:auto;border-top:1px solid var(--line)}.picker-row{padding:14px 8px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);gap:12px}.picker-row h3{font-size:12px;letter-spacing:0;font-weight:550}.picker-row p{font-size:10px;color:#8b91a3;margin-top:4px}.picker-price{font-weight:500;font-size:12px;white-space:nowrap}.picker-row .btn{font-size:10px}.search-result{border:0;display:flex;width:100%;align-items:center;gap:12px;background:transparent;text-align:left;padding:12px 8px;border-bottom:1px solid var(--line);border-radius:5px}.search-result:hover{background:#ebedf1}.search-result .icon{color:#82899c}.search-result strong{font-size:12px;font-weight:500;display:block}.search-result small{font-size:10px;color:#888fa1;display:block;margin-top:3px}.confirm-copy{font-size:12px;color:#747c91;line-height:1.8}.confirm-copy strong{color:#484d5b}.toast{padding:13px 17px;min-width:250px;max-width:430px;border:1px solid #d4d6dd;border-radius:10px;background:#fbfcfd;box-shadow:0 8px 30px #24272e15;display:flex;align-items:center;gap:10px;font-size:11px;color:#545b6c;animation:appear .2s ease}.toast.error{background:#fff8f2;color:#ae6150;border-color:#efd4c7}.toast .icon{width:16px;height:16px}.toast .icon-btn{margin-left:auto;padding:2px}#toasts{position:fixed;bottom:25px;right:25px;z-index:200;display:flex;flex-direction:column;gap:10px}.storage-error{background:#fff1df;padding:13px 20px;font-size:11px;color:#aa623d;border-bottom:1px solid #e9cba5;display:flex;justify-content:space-between;gap:12px}.activity-empty{padding:18px 0;color:#848b9e;font-size:11px}.payment-history{margin-top:17px;border-top:1px solid var(--line);padding-top:13px}.payment-history>h3{font-size:11px;margin-bottom:9px;letter-spacing:0}.payment-row{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#777f95;padding:7px 0}.import-summary{font-size:12px;line-height:1.8;color:#6b7388;padding:12px 0}.import-errors{background:#fff5ed;padding:12px;border-radius:8px;color:#a76c50;font-size:10px;max-height:180px;overflow:auto}.footer-tip{font-size:9px;color:#949aab;margin-top:20px;display:flex;gap:7px;align-items:center}.footer-tip .icon{width:13px;height:13px}#print-root{display:none}@keyframes appear{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
/* RESPONSIVE */
@media(min-width:1600px){.content{padding-top:40px}.metric-value{font-size:32px}.data-table{font-size:12px}.data-table th{font-size:10px}.data-table td{padding-top:18px;padding-bottom:18px}.document-link{font-size:12px}.pill{font-size:11px}.app-topbar{height:87px}.editor-grid{grid-template-columns:minmax(440px,1.12fr) minmax(410px,1fr)}}
@media(max-width:1180px){.sidebar{width:200px;padding-left:12px;padding-right:12px}.app-main{margin-left:200px;width:calc(100% - 200px)}.app-topbar{padding:0 24px}.content{padding:27px 24px 40px}.metrics{gap:12px}.metric{padding:17px}.metric-value{font-size:23px}.search-trigger span{display:none}.hero{gap:15px;padding-top:45px}.hero h1{font-size:58px;letter-spacing:-2.7px}.hero-document{width:310px}.hero-visual{transform:scale(.9);transform-origin:center}.paper-stack{width:300px;left:47px}.visual-orbit{left:-5px;width:400px;height:400px}.float-payment{right:-18px}.float-catalog{left:-18px}.visual-caption{left:75px}.editor-grid{grid-template-columns:minmax(340px,1fr) minmax(300px,.95fr);gap:17px}.editor-card{padding:17px}.template-grid{gap:13px}.template-option .template-thumb{padding:25px 20px 0;height:245px}.client-grid{grid-template-columns:repeat(2,1fr)}.home-template .template-thumb{padding:25px 23px 0;height:240px}}
@media(max-width:980px){.metrics{grid-template-columns:repeat(2,1fr)}.dashboard-middle{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}.quick-card{padding:20px}.quick-doodle{display:none}.metric{min-height:117px}.template-grid{grid-template-columns:repeat(2,1fr)}.template-option .template-thumb{height:270px;padding:30px 45px 0}.settings-layout{grid-template-columns:1fr}.editor-grid{grid-template-columns:1fr}.preview-panel{position:relative;top:0;max-width:660px;width:100%;margin:auto}.editor-footer{bottom:9px}.page-heading h1{font-size:26px}.hero h1{font-size:48px}.hero{min-height:590px}.hero-visual{transform:scale(.79);margin-left:-10px;min-width:340px}.hero .lead{font-size:13px}.hero-actions{gap:8px}.hero-actions .btn{font-size:12px;padding:13px 16px}.site-links{gap:20px}.site-nav{height:85px}.hero-footnote{font-size:9px}.home-strip{margin:0 36px;gap:15px}.home-strip div{font-size:10px;gap:7px}.feature-card{padding:22px}.feature-card h3{font-size:15px}.home-templates{grid-template-columns:repeat(2,1fr)}.home-template .template-thumb{height:290px;padding:35px 55px 0}.thumbnail-paper{height:310px}.home-bottom{padding:35px}.home-bottom h2{font-size:27px}.catalog-top{gap:10px}.stat-small{padding:15px;gap:10px}.stat-small>.icon{width:35px;height:35px;padding:8px}.stat-small strong{font-size:19px}.table-toolbar{align-items:flex-start;flex-direction:column}.table-toolbar .search-input input{width:220px}.form-grid{gap:14px}.local-status{display:none}}
@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:transform .2s;width:235px}.sidebar.open{transform:translateX(0);box-shadow:20px 0 100px #292c3555}.sidebar-scrim{display:none;position:fixed;inset:0;background:#1f222844;z-index:25}.sidebar-scrim.show{display:block}.app-main{margin-left:0;width:100%}.app-topbar{height:66px;padding:0 19px}.mobile-toggle{display:inline-flex}.topbar-actions{gap:8px;flex-shrink:0}.topbar-actions .shortcut{display:none}.breadcrumb{min-width:0;overflow:hidden}.breadcrumb strong{overflow:hidden;text-overflow:ellipsis}.topbar-actions>.btn{padding:8px 12px;font-size:11px}.breadcrumb{gap:6px;font-size:10px}.breadcrumb>span,.breadcrumb>.icon{display:none}.content{padding:24px 19px 40px}.page-heading{gap:15px;flex-wrap:wrap}.page-heading h1{font-size:25px}.page-heading p{font-size:11px}.heading-actions{gap:8px}.demo-banner{font-size:9px;line-height:1.7;align-items:flex-start}.demo-banner .flex{align-items:flex-start;gap:7px}.demo-banner .text-link{font-size:9px;white-space:nowrap}.metrics{gap:11px}.metric{padding:17px;min-height:123px}.metric-value{font-size:26px}.metric-label{font-size:10px}.metric-caption{font-size:9px}.dashboard-middle{grid-template-columns:minmax(0,1fr)}.chart-card .card-heading{display:block}.chart-legend{margin-top:12px}.quick-card{display:none}.chart-card{padding:21px;min-height:279px}.data-table th:first-child,.data-table td:first-child{padding-left:20px}.table-card .card-heading{padding:20px 20px 0}.table-toolbar{padding-left:20px;padding-right:20px}.table-footer{padding:12px 20px}.table-toolbar .search-input,.table-toolbar .search-input input{width:100%}.site-nav{padding:0 23px;height:82px}.site-nav .brand{font-size:30px}.site-links{display:none}.nav-cta .btn.ghost{display:none}.nav-cta .btn{padding:9px 14px;font-size:11px}.hero{display:flex;flex-direction:column;padding:40px 23px 28px;gap:8px;min-height:0;align-items:stretch}.hero-copy{padding-bottom:0}.hero h1{font-size:53px;letter-spacing:-2.6px;margin:23px 0 22px;line-height:1.09;max-width:540px}.hero .lead{font-size:14px;line-height:1.8;max-width:345px}.hero-actions{margin:26px 0 17px}.hero-actions .btn{font-size:12px;padding:14px 19px}.hero-footnote{font-size:9px}.hero-visual{transform:scale(.91);transform-origin:center;margin:0 auto;max-width:450px;width:100%;min-width:0;min-height:477px}.hero-document{width:310px;padding:27px 23px}.visual-orbit{left:calc(50% - 200px);top:32px}.paper-stack{left:calc(50% - 150px);top:60px}.float-catalog{left:2px;top:28px}.float-payment{right:-3px;bottom:39px;padding:15px 18px}.visual-speck{right:3px}.visual-caption{left:calc(50% - 90px);bottom:-3px}.home-strip{margin:0 23px;grid-template-columns:1fr 1fr;gap:20px 10px;padding:24px 0}.home-strip div{justify-content:flex-start;font-size:10px}.home-section{padding:60px 23px 0}.section-heading{display:block;margin-bottom:25px}.section-heading h2{font-size:30px;letter-spacing:-1px}.section-heading>p{margin-top:17px;max-width:300px;font-size:12px}.feature-grid{grid-template-columns:1fr;gap:12px}.feature-card{padding:24px;min-height:190px}.feature-top{margin-bottom:22px}.feature-card h3{font-size:18px}.feature-card p{max-width:300px;font-size:12px}.home-templates{gap:14px}.home-template .template-thumb{padding:22px 18px 0;height:215px}.thumbnail-paper{padding:18px 13px}.thumbnail-paper .thumb-title{font-size:12px}.thumb-editorial .thumb-title{font-size:17px}.thumb-minimal .thumb-title{font-size:18px}.thumb-classic .thumb-title{font-size:9px}.template-label{font-size:11px;padding-top:12px}.home-bottom{margin-top:52px;display:block;padding:30px 26px}.home-bottom h2{font-size:26px;max-width:260px}.home-bottom p{font-size:11px;line-height:1.8;max-width:260px}.home-bottom .btn{margin-top:23px}.home-footer{padding:29px 23px;gap:25px}.home-footer p{font-size:9px;text-align:right;max-width:210px}.home-footer .brand{font-size:24px}.catalog-top{grid-template-columns:1fr 1fr}.stat-small:last-child{display:none}.client-grid{grid-template-columns:1fr 1fr;gap:12px}.client-card{padding:17px}.client-card h3{font-size:12px}.client-card p{font-size:10px}.client-card .client-meta{font-size:9px;gap:4px;flex-wrap:wrap}.template-grid{gap:15px}.template-option .template-thumb{padding:23px 24px 0;height:231px}.template-option .template-label{padding:14px 15px}.template-option .template-description{padding:0 15px 16px;font-size:9px;line-height:1.7}.form-card{padding:21px}.upload-grid{gap:8px}.upload-box{padding:10px;min-height:122px}.upload-box strong{font-size:10px}.upload-box small{font-size:7px}.editor-heading .heading-actions .btn{font-size:10px;padding:9px 12px}.editor-grid{display:flex;flex-direction:column}.editor-panel{width:100%}.editor-footer{position:relative;bottom:auto}.preview-panel{padding:16px}.editor-card{padding:19px}.modal-backdrop{padding:13px}.modal{max-height:94vh;border-radius:13px}.modal-header{padding:20px 20px 16px}.modal-body{padding:0 20px 20px}.modal-footer{padding:0 20px 20px}.modal-header h2{font-size:18px}.modal .field input{font-size:13px}.modal-actions-top{padding:0 20px 15px}.modal-actions-top .btn{font-size:10px;padding:7px 9px}.modal.preview-modal .modal-body{padding:0 12px 16px}#toasts{left:14px;right:14px;bottom:16px}.toast{max-width:none;min-width:0}.footer-tip{font-size:9px}.settings-layout{gap:0}}
@media(max-width:390px){.hero h1{font-size:46px}.hero-visual{transform:scale(.85);margin-top:-16px;margin-bottom:-20px}.hero-actions .btn{font-size:11px;padding:13px 14px}.metric-value{font-size:23px}.metrics{gap:9px}.metric{padding:14px}.app-topbar{padding:0 14px}.content{padding-left:14px;padding-right:14px}.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.editor-grid .form-grid{grid-template-columns:1fr 1fr}.editor-grid .span-2{grid-column:1/-1}.item-numbers{grid-template-columns:52px 53px 1fr 1fr;gap:6px}.item-subtotal{font-size:11px}.client-grid{grid-template-columns:1fr}.template-option .template-thumb{padding:18px 15px 0;height:218px}.home-template .template-thumb{padding:20px 13px 0;height:207px}.range-row{grid-template-columns:80px 1fr 32px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Folio 1.1 — cobalt / graphite. Interface colors are independent of saved documents. */
:root {
  --bg:#f5f6fa; --paper:#ffffff; --ink:#1b2030; --muted:#687184;
  --accent:#3157f6; --accent-hover:#2447d9; --accent-light:#e8edff;
  --line:#e5e8ef; --soft:#eef1fc; --red:#b54a43; --amber:#997020;
  --shadow:0 8px 30px #17244906; --radius:14px;
  --graphite:#191d29;
}
::selection{background:#cdd8ff;color:#16244f}
button:focus-visible,a:focus-visible{outline-color:var(--accent)}
input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #3157f617}
.brand span{color:var(--accent)}
.brand-mark{background:var(--accent);box-shadow:0 3px 9px #3157f618}
.brand-mark:before,.brand-mark:after{background:white}
.btn{background:#fff;border-color:#e2e6ef;color:#262c3b}
.btn:hover{background:#f3f5fc;border-color:#cdd5e9}
.btn.primary{background:var(--accent);border-color:var(--accent);color:white;box-shadow:0 3px 8px #3157f61a}
.btn.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);box-shadow:0 5px 15px #3157f625}
.btn.lime{background:var(--accent);border-color:var(--accent);color:white}
.btn.lime:hover{background:#476cfc;border-color:#476cfc}
.btn.ghost{background:transparent;border-color:transparent}
.btn.ghost:hover,.icon-btn:hover{background:#edf1ff;color:var(--accent)}
.btn.danger{color:var(--red);background:#fff5f3;border-color:#f1dcd5}
.icon-btn{color:#697386}
.text-link{color:var(--accent)}
.eyebrow{color:#69748a;letter-spacing:1.7px}
.eyebrow:before{background:var(--accent)}
.tag{color:#697184}
.pill.paid,.pill.issued-delivery{background:#edf1ff;color:#3559ca}
.pill.issued,.pill.partial{background:#fff4df;color:#926818}
.pill.overdue{background:#fff0ec;color:#b15242}
.pill.draft{background:#f0f2f6;color:#727b8c}
.pill.canceled{background:#f4eeee;color:#8c7474}
.section-label{color:#3e485e}
.empty .icon{color:#899acc}

/* Light canvas, bold type, a cobalt paper edge. */
.landing{background:#fafbfe}
.site-nav{height:96px}
.site-links{color:#606b80}
.site-links a:hover{color:var(--accent)}
.hero{padding-top:62px;padding-bottom:64px;min-height:650px}
.hero h1{color:#1a1f2c;font-weight:550;letter-spacing:-3.6px}
.hero h1 em{font-family:var(--font);font-style:normal;color:var(--accent);font-weight:600;letter-spacing:-3.6px}
.hero .lead{color:#687286}
.hero-footnote{color:#707b90}
.visual-orbit{background:#ebefff;border:1px solid #e1e7ff}
.visual-orbit:after{border-color:#cad5fb}
.visual-speck{color:var(--accent)}
.paper-stack{background:var(--accent);box-shadow:0 16px 45px #3157f626;transform:rotate(8deg)}
.hero-document{border-color:#e6eaf4;color:#313a50;box-shadow:0 25px 65px #1b2b6017}
.mini-doc-top{border-color:#e9ecf3}
.mini-logo{color:#222b42}
.mini-logo .icon{color:var(--accent)}
.mini-doc-number{color:#69768d}
.mini-parties small{color:#7b8497}
.mini-doc-table th{background:#f2f4fc;color:#737e95}
.mini-doc-table td{border-color:#edf0f6}
.mini-total b{color:var(--accent)}
.mini-doc-footer{border-color:#e7ebf3;color:#7e889c}
.float-catalog{border-color:#e4e8f2;box-shadow:0 10px 28px #2132590d}
.float-catalog .icon{color:var(--accent)}
.float-catalog span{color:#6f7a8f}
.float-payment{background:var(--graphite);box-shadow:0 14px 32px #141c3624;bottom:0px}
.float-payment small{color:#c0c9df}
.payment-check{background:var(--accent);color:white}
.visual-caption{color:#78859e;bottom:-34px}
.home-strip{border-color:#e2e7f1}
.home-strip div{color:#66728b}
.home-strip .icon{color:var(--accent)}
.section-heading>p{color:#758097}
.feature-card{background:#fff;border-color:#e4e8f1;box-shadow:0 6px 20px #1b2b4f03}
.feature-top .icon{color:var(--accent);width:36px;height:36px;padding:8px;border-radius:9px;background:#edf1ff}
.feature-top span{color:#8590a5;letter-spacing:.5px}
.feature-card p{color:#6c7890}
.feature-card:first-child{background:var(--accent);border-color:var(--accent);color:white}
.feature-card:first-child .feature-top .icon{background:#ffffff20;color:white}
.feature-card:first-child .feature-top span{color:#d3ddff}
.feature-card:first-child p{color:#e0e6ff}
.template-thumb{background:#edf0f7;border-color:#e3e7f0}
.home-template:hover .template-thumb{background:#e3e9ff}
.thumbnail-paper{color:#283249;box-shadow:0 5px 20px #1b2e6810}
.thumb-row:first-child{background:#edf1ff}
.thumb-sum{background:var(--accent)}
.thumb-classic .thumb-sum{background:#434954}
.thumb-minimal .thumb-sum{background:#323847}
.thumb-editorial .thumb-sum{background:#a1694c}
.thumb-editorial .thumbnail-paper{border-top:3px solid #bf8060}
.template-label .icon{color:#6f7d98}
.home-bottom{background:var(--graphite)}
.home-bottom p{color:#c0c9da}
.home-footer p{color:#7b879b}

/* A deliberately dark navigation rail — not a dark version of every screen. */
.sidebar{background:var(--graphite);border-right-color:var(--graphite);color:#f3f5ff}
.sidebar .brand{color:white}
.sidebar .brand span{color:#6584ff}
.workspace-switch{background:#ffffff06;border-color:#ffffff16;color:#f0f3fc}
.workspace-switch .muted{color:#a0abc2}
.avatar{background:#edf1ff;color:var(--accent)}
.sidebar .avatar{background:#303a60;color:#d2dcff}
.nav-caption{color:#949fb6}
.nav-item{color:#b9c2d5;font-size:12px}
.nav-item:hover{background:#ffffff09;color:white}
.nav-item.active{background:var(--accent);color:white;box-shadow:0 4px 15px #080d2522}
.nav-count{background:#ffffff0f;color:inherit}
.nav-item.active .nav-count{background:#ffffff2b;color:white}
.local-note{background:#ffffff05;border-color:#ffffff12}
.local-note .flex{color:#d9e0f0}
.local-note p{color:#a1adc4}
.profile{border-top-color:#ffffff12}
.profile small{color:#a1acc1}
.app-topbar{background:#ffffffd9;backdrop-filter:blur(14px)}
.breadcrumb{color:#7c869c}
.breadcrumb strong{color:#414b61}
.search-trigger{color:#77829a}
.local-status{color:#6d7991}
.local-status:before{background:var(--accent)}
.page-heading p{color:#747f95}
.demo-banner{background:#edf1ff;border-color:#dee5fe;color:#65769d}
.demo-banner .text-link{color:#3154c9}
.metric-label{color:#69758d}
.metric-label .icon{color:#8795b4}
.metric-value{color:#222a3c}
.metric-value span{color:#7b87a1}
.metric-caption{color:#7a869d}
.metric.dark{background:var(--graphite);border-color:var(--graphite)}
.metric.dark .metric-value{color:white}
.metric.dark .metric-label,.metric.dark .metric-label .icon{color:#c3cde4}
.metric.dark .metric-value span{color:#afbfeb}
.metric.dark .metric-caption{color:#aebbd7}
.card-heading p{color:#7c879c}
.chart-total span{color:#79869f}
.chart{background:repeating-linear-gradient(to top,transparent 0,transparent 32px,#edf0f7 32px,#edf0f7 33px);border-color:#e5eaf3}
.bar{background:#d6defc}
.bar.paid-bar{background:var(--accent)}
.bar-label,.chart-legend{color:#74839f}
.chart-legend span:before{background:#d6defc}
.chart-legend span:last-child:before{background:var(--accent)}
.quick-card{background:#edf1ff;border-color:#e2e8ff}
.quick-card p{color:#7180a1}
.quick-doodle{border-color:#b3c2f4;background:#ffffffa8}
.quick-doodle:before{background:#b2c2f4;box-shadow:0 9px #b2c2f4,0 18px #b2c2f4}
.quick-doodle:after{background:var(--accent);color:white}
.tab{color:#76829a}
.tab.active{background:#edf1ff;color:var(--accent)}
.data-table thead{background:#f8f9fd}
.data-table th{color:#73819b}
.data-table td{color:#59677f;border-color:#edf0f5}
.data-table tbody tr:hover{background:#f8faff}
.document-link{color:#30415e}
.document-link>.icon{color:#8a9abe}
.table-amount{color:#293750!important}
.table-footer{color:#78859d}
.mini-select{color:#566680}
.stat-small>.icon{background:#edf1ff;color:var(--accent)}
.stat-small p,.client-card p{color:#71809b}

/* Forms and editor stay light and use the same interaction color. */
.field>span{color:#67758e}
.field input,.field select,.field textarea{color:#303d56;border-color:#e0e6f0;background:#fff}
.form-notice{background:#f0f3fc;color:#647595}
.upload-box{background:#fafbff;border-color:#cbd5f0}
.upload-box .icon{color:#6683d9}
.upload-box small{color:#7888aa}
.editor-tabs{background:#e9edf7}
.editor-tabs .tab.active{color:var(--accent);box-shadow:0 2px 7px #1f366309}
.section-num{color:var(--accent);background:#edf1ff}
.party-info{background:#f3f5fc;color:#6a7a99}
.party-info strong{color:#405885}
.item-row{background:#fcfdff;border-color:#e4e9f5}
.item-top input{background:transparent;color:#334762}
.item-subtotal{color:#3a4d70}
.totals-row{color:#71809a}
.totals-row.total{color:#25375b}
.editor-footer{background:#ffffffed;border-color:#dce4f5;box-shadow:0 5px 25px #1b2e6310}
.save-indicator{color:#6079b1}
.preview-panel{background:#e9edf6;border-color:#dfe5f1}
.preview-toolbar{color:#647695}
.preview-hint{color:#7183a5}
.range-row,.tone-grid span{color:#6d7e9e}
.range-row input{accent-color:var(--accent)}
.template-option.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}
.selected-check{color:var(--accent)}
.ink-asset.editable{outline-color:#3157f66b}
.ink-asset.editable.selected,.ink-asset:focus-visible{outline-color:var(--accent)}
.ink-asset.editable.selected:after{background:var(--accent)}
.modal-backdrop{background:#101a3959}
.modal{background:#fcfdff}
.modal.preview-modal{background:#e9edf7}
.modal-header p{color:#7082a1}
.search-result:hover{background:#edf2ff}
.search-result .icon{color:#6385db}
.toast{background:#fbfcff;border-color:#d4dffa;color:#395aa2}
.toast.error{background:#fff8f2;color:#ae6150;border-color:#efd4c7}
.footer-tip{color:#7787a4}
.paper{--doc-accent:#3157f6}
.paper-modern .paper-summary .sum-total{background:#f1f4fc}

@media(max-width:760px){
  .site-nav{height:82px}
  .hero{padding:40px 23px 28px;min-height:0}
  .hero h1,.hero h1 em{letter-spacing:-2.6px}
  .float-payment{bottom:8px}
  .visual-caption{bottom:-16px;font-size:8px;letter-spacing:0}
  .sidebar.open{box-shadow:20px 0 100px #101a394d}
  .sidebar-scrim{background:#101a3959}
}
@media print{.paper-classic{color:#111}.ink-asset.editable.selected:after{display:none!important}}

@page{size:A4;margin:12mm}
@media print{html,body{margin:0!important;padding:0!important;background:#fff!important;overflow:visible!important;width:auto!important;height:auto!important}body>*{display:none!important}#print-root{display:block!important}.paper{display:block!important;width:100%!important;min-height:0!important;height:auto!important;margin:0!important;padding:5mm 2mm 0!important;border-radius:0!important;box-shadow:none!important;transform:none!important;position:relative!important;overflow:visible!important;print-color-adjust:exact;-webkit-print-color-adjust:exact;font-size:11px}.paper-classic{padding:4mm 1mm!important}.paper-table thead{display:table-header-group}.paper-table tr{break-inside:avoid;page-break-inside:avoid}.paper-head,.paper-heading,.paper-parties{break-inside:avoid}.paper-heading{break-after:avoid}.paper-words,.paper-summaries,.paper-summary,.paper-sign-area,.paper-foot{break-inside:avoid;page-break-inside:avoid}.paper-note{orphans:3;widows:3}.ink-asset{outline:0!important}.ink-asset:after{display:none!important}.paper-viewport{height:auto!important;overflow:visible!important}.paper-classic .paper-heading{margin-top:37px}.paper-classic .paper-summary{margin-top:24px}.paper-sign-area{min-height:185px}.paper-foot{font-size:8px}.paper-empty-mark{display:none!important}}