:root{color-scheme:dark;--deep: #0a0b0d;--panel: #111317;--panel-2: #171a21;--line: rgba(255, 255, 255, .08);--text: #f3f4f6;--muted: #94a3b8;--cobalt: #2563eb;--cobalt-2: #1d4ed8;--ok: #34d399;--danger: #fb7185;font-family:Inter,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--deep);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit;color:inherit}h1,h2,h3,h4,p{margin:0}h1{font-size:28px;letter-spacing:-.03em}h3{font-size:16px}.app{min-height:100vh}.top{position:sticky;top:0;z-index:10;padding:16px 24px;background:#0a0b0deb;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.top-inner{width:min(1280px,100%);margin:0 auto;display:flex;align-items:center;gap:20px}.brand{display:inline-flex;flex-direction:column;align-items:stretch;gap:4px;width:max-content}.brand strong{display:block;letter-spacing:.14em;font-size:14px}.brand small{display:flex;justify-content:space-between;width:100%;color:#fff;font-size:9px;font-weight:400;line-height:1;margin-top:0}.logo-plate{display:inline-flex;align-items:center;line-height:0}.logo-plate img{height:28px;width:auto;display:block}.mark{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;font-weight:800;background:linear-gradient(135deg,#2563eb,#1e3a8a);box-shadow:0 8px 20px #2563eb40}.top nav{display:flex;gap:16px;color:#cbd5e1;font-size:14px;font-weight:400}.top nav a:hover{color:#fff}.userbox{margin-left:auto;display:flex;align-items:center;gap:12px;color:var(--muted)}.content{width:min(1280px,calc(100% - 48px));margin:0 auto;padding:24px 0 48px}.page-head,.card-head,.actions,.meta,.client-row,.files li{display:flex;justify-content:space-between;gap:12px;align-items:center}.page-head{align-items:flex-start;margin-bottom:16px}.back{color:var(--muted);font-size:13px}.muted{color:var(--muted);font-size:13px;line-height:1.45}.error{color:var(--danger);margin:8px 0}.ok{color:var(--ok);margin:8px 0}.link-card{gap:48px;padding:22px 24px}.link-card h3{margin-bottom:10px}.card,.deal,.link-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:16px;margin-bottom:14px}.card-head{margin-bottom:12px;align-items:center}.card-head h3{line-height:32px}.card-head .tabs{margin-bottom:0;flex-wrap:nowrap;align-items:center;min-width:0;overflow-x:auto}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.field span{color:var(--muted);font-size:12px}.field-error{color:var(--danger);font-size:12px;font-style:normal}.grid-form .field,.profile-row .field{margin-bottom:0}.profile-row{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(150px,.7fr) minmax(0,1.4fr) auto;gap:12px;align-items:end}input,textarea,select{width:100%;background:var(--deep);border:1px solid var(--line);border-radius:10px;padding:10px 12px;outline:none}textarea{resize:vertical}select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-color:var(--deep);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:16px 16px;padding-right:40px}input:focus,textarea:focus,select:focus{border-color:#3b82f6}.btn,.top .btn{border:0;background:var(--cobalt);color:#fff;border-radius:10px;padding:10px 14px;cursor:pointer;font-weight:600}.btn:hover{background:var(--cobalt-2)}.btn.ghost{background:transparent;border:1px solid var(--line);color:var(--text)}.btn.archive{background:transparent;color:#fb7185;border:1px dashed #fb7185;transition:background-color .2s ease,color .2s ease,border-color .2s ease}.btn.archive:hover{background:#fb71852e;color:#fecdd3;border-color:#fb7185}.btn.danger{background:transparent;border:1px solid rgba(251,113,133,.4);color:var(--danger)}.btn.wide{width:100%}.btn:disabled{opacity:.6;cursor:wait}label.btn input{display:none}.grid-2,.grid-3,.grid-form,.deals,.admin-grid,.marks-admin,.sign-grid{display:grid;gap:12px}.grid-2{grid-template-columns:1fr 1fr}.grid-3,.grid-form{grid-template-columns:repeat(3,1fr)}.grid-form{grid-template-columns:1.4fr 1fr 1.2fr 1fr auto;align-items:end}.admin-grid{grid-template-columns:1.4fr .8fr;align-items:stretch}.admin-grid>.card{align-self:stretch}.admin-grid>form.card{display:flex;flex-direction:column}.deals{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.deal,.link-card{display:flex;flex-direction:column;gap:8px}.link-card{flex-direction:row;align-items:center}.deal span,.client-row span,.files span{color:var(--muted);font-size:13px}.dots{display:flex;flex-wrap:wrap;gap:6px}.dots em{font-style:normal;font-size:11px;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:3px 7px}.dots em.on{color:var(--ok);border-color:#34d39966}.switch,.tabs{display:flex;flex-wrap:wrap;gap:6px}.switch button,.tabs button{background:var(--deep);border:1px solid var(--line);border-radius:999px;padding:6px 10px;cursor:pointer}.switch button.on,.tabs button.on{background:var(--cobalt);border-color:var(--cobalt)}.tabs{margin-bottom:14px}.workspace{display:grid;grid-template-columns:minmax(300px,420px) minmax(0,1fr);gap:16px;align-items:start}.pane{min-width:0}.form-pane{max-height:calc(100vh - 180px);overflow:auto;padding-right:4px}.preview-pane{overflow:hidden;background:#07080b;border-radius:16px;padding:32px 16px 48px;max-height:calc(100vh - 180px);display:flex;flex-direction:column;align-items:stretch}.preview-scroll{overflow:auto;flex:1 1 auto;min-height:0;width:100%;display:flex;flex-direction:column;align-items:center}.preview-pane.sheet-pane{background:transparent;padding:0;border-radius:0}.mark-reset{align-self:flex-end;margin:-16px 0 10px;background:transparent;color:#cbd5e1;border:1px solid #334155;border-radius:999px;padding:4px 10px;font-size:12px;cursor:pointer}.fold{flex:1 1 0;display:flex;flex-direction:column;min-height:72px;border-top:1px solid var(--line)}.fold:first-child{border-top:0}.fold-spacer{flex:1 1 0;min-height:0;transition:flex-grow .45s ease}.fold.open .fold-spacer{flex-grow:0}.fold-title{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin:0;padding:10px 0;background:none;border:0;color:inherit;font:inherit;font-size:16px;font-weight:600;cursor:pointer}.fold-chevron{width:8px;height:8px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:translateY(-2px) rotate(45deg);transition:transform .45s ease;flex:none}.fold.open .fold-chevron{transform:translateY(2px) rotate(225deg)}.fold-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s ease}.fold.open .fold-body{grid-template-rows:1fr}.fold-inner{overflow:hidden;min-height:0}.fold.open .fold-inner{padding-bottom:8px}.client-tools{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:16px}.client-tools input{flex:1 1 220px;width:auto;min-width:220px;margin:0}.client-filters{display:flex;flex-wrap:wrap;gap:6px}.client-filters button{background:var(--deep);border:1px solid var(--line);border-radius:999px;padding:6px 10px;cursor:pointer}.client-filters button.on{background:var(--cobalt);border-color:var(--cobalt)}.confirm-back{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;background:#0000008c;padding:24px}.confirm{width:min(380px,100%);background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:20px}.confirm p{margin:0 0 16px;font-size:16px}.confirm-actions{display:flex;justify-content:flex-end;gap:8px}.tab-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.tab-bar .tabs{margin-bottom:0;flex-wrap:nowrap;min-width:0;overflow-x:auto}.doc-tools{display:flex;align-items:center;gap:4px}.icon-tool{width:36px;height:36px;display:grid;place-items:center;padding:0;background:transparent;border:0;color:var(--muted);cursor:pointer;border-radius:8px}.icon-tool:hover{color:#fff;background:#ffffff0f}.icon-tool:disabled{opacity:.5;cursor:wait}.sticky-actions{position:sticky;bottom:0;background:linear-gradient(transparent,var(--deep) 20%);padding-top:12px}.files{list-style:none;padding:0;margin:12px 0 0}.files li{padding:10px 0;border-top:1px solid var(--line)}.files li div{display:flex;flex-direction:column;gap:3px}.clients{display:flex;flex-direction:column;margin-top:8px}.client-row{padding:14px 0;border-top:1px solid var(--line);align-items:flex-start}.client-id{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:20px;row-gap:6px;min-width:0}.role-select{width:168px;margin:0}.role-note{color:var(--muted);font-size:13px;white-space:nowrap}.client-id strong{font-size:16px}.marks-admin{grid-template-columns:1fr 1fr}.marks-admin>div{min-width:0}.mark-actions{display:flex;align-items:center;gap:8px;margin-top:8px}.mark-upload{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.icon-danger{width:40px;height:40px;padding:0;display:grid;place-items:center;flex:0 0 auto;background:#dc2626;color:#fff;border:0;border-radius:10px}.icon-danger:hover{background:#b91c1c}.save-toast{position:fixed;top:72px;right:22px;z-index:40;display:flex;align-items:center;justify-content:flex-end;gap:8px;background:none;pointer-events:none}.save-toast.ok{color:#34d399;animation:save-fade 5.4s linear forwards}.save-toast.err{color:#fb7185;font-size:13px;line-height:1.35;text-align:right;max-width:260px}.spin{width:18px;height:18px;border:2px solid rgba(255,255,255,.25);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}@keyframes save-fade{0%,92%{opacity:1}to{opacity:0}}@keyframes spin{to{transform:rotate(360deg)}}.marks-admin img,.marks-admin .placeholder{width:100%;height:140px;object-fit:contain;background:#fff;border-radius:12px;margin-bottom:8px}.marks-admin .placeholder{display:grid;place-items:center;color:#64748b}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(420px,100%);background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:24px}.login-card h1{margin:18px 0}.sheet{width:794px;max-width:100%;flex:0 0 auto;align-self:center;height:auto;min-height:max-content;margin:0 auto;background:#fff;color:#0f172a;padding:20mm;box-shadow:0 20px 50px #000000e6;font-family:"PT Serif",Georgia,Times New Roman,Times,serif;font-size:12.5px;line-height:1.55}.sheet h2{text-align:center;text-transform:uppercase;font-size:15px;margin-bottom:18px;font-weight:700}.sheet h3{text-transform:uppercase;font-size:12px;margin:12px 0 4px;font-weight:700}.sheet h4{text-transform:uppercase;font-size:11px;letter-spacing:.04em;margin:0 0 6px;padding-bottom:2px;border-bottom:1px solid #000}.sheet p{margin:0 0 4px}.sheet .indent{text-align:justify;text-indent:1.4em}.sheet table{width:100%;border-collapse:collapse;margin:8px 0 12px}.sheet th,.sheet td{border:1px solid #000;padding:6px 8px;vertical-align:top;text-align:left}.sheet th{width:34%;background:#f3f4f6;font-weight:700}.sheet table.tpl{margin:0 0 8px}.sheet table.tpl td{background:transparent;font-weight:400;width:auto;padding:4px 6px}.sheet table.tpl p{margin:0 0 3px}.sheet table.tpl tr.cap td{font-weight:700;text-align:center}.sheet table.tpl td.lbl{width:46%;font-weight:600}.sheet table.tpl td.en{color:#1e293b}.sheet .words{font-style:italic}.sheet .en{color:#334155;font-size:11.5px;margin-top:0}.sheet h2 .en{display:block;font-size:12px;font-weight:600;letter-spacing:0;text-transform:none}.sheet .right{text-align:right}.filled{border-bottom:1px solid #0f172a;font-weight:700;padding:0 1px;overflow-wrap:anywhere}.filled.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.04em;text-transform:uppercase}.blank{display:inline-block;min-width:7em;border-bottom:1px solid #94a3b8;color:#64748b;font-style:italic;font-weight:400;padding:0 1px}.blank.plain{border-bottom:none}.print-meta-table,.print-sign-table,.sign-line-table{width:100%;border-collapse:collapse;margin:0 0 14px}.sheet .print-meta-table td,.sheet .print-sign-table td,.sheet .sign-line-table td{border:none;background:transparent;padding:0}.print-meta-table{font-weight:700}.print-sign-table{table-layout:fixed;margin-top:8px}.print-sign-col{width:50%;line-height:1.35;overflow-wrap:anywhere;vertical-align:top}.print-sign-table tr>.print-sign-col:first-child{padding-right:22px}.print-sign-table tr>.print-sign-col:last-child{padding-left:22px}.party-block{margin:0 0 14px}.party-lines{padding-left:8px;display:flex;flex-direction:column;gap:4px;font-size:12px}.sep{color:#64748b;padding:0 6px}.sign-area{margin-top:28px;border-top:1px solid #000;padding-top:16px}.sign-area>h4{text-align:center;border:0;letter-spacing:0;font-size:11px;margin-bottom:14px}.sign-area .who{font-weight:700;margin-bottom:4px;text-transform:uppercase}.sign-grid{grid-template-columns:1fr 1fr;align-items:start;margin-top:8px}.sign-mark{display:flex;align-items:center;gap:10px;margin-top:10px}.sign-mark.has-stamp{padding-bottom:40px}.sign-label{color:#64748b;font-size:11px;white-space:nowrap}.sign-stroke{position:relative;display:block;width:max-content;height:36px;flex:0 0 auto}.sign-stroke.empty{min-width:132px}.sign-stroke:after{content:"";position:absolute;left:0;right:0;top:72%;border-bottom:1px solid #000}.sign-img{position:relative;display:block;height:36px;width:auto;max-width:160px;object-fit:contain;object-position:left center;z-index:1;transform:translate(var(--dx, 0px),var(--dy, 0px));mix-blend-mode:multiply}.stamp-img{position:absolute;left:calc(100% - 16px);top:72%;width:76px;height:76px;transform:translate(var(--dx, 0px),calc(-50% + var(--dy, 0px)));object-fit:contain;z-index:2;mix-blend-mode:multiply}.ink-line{display:flex;align-items:flex-end;gap:10px;min-height:40px;margin:4px 0}.ink-line.seal{align-items:flex-end;min-height:72px;margin-top:6px;padding-bottom:42px}.seal-slot{position:relative;width:140px;flex:none}.seal-slot .stamp-line{display:block;border-bottom:1px solid #000;margin-bottom:2px}.seal-slot .stamp-img{left:50%;top:auto;bottom:2px;transform:translate(calc(-50% + var(--dx, 0px)),calc(50% + var(--dy, 0px)))}.mark-live{cursor:grab;touch-action:none}.mark-live.on{outline:1px dashed #2563eb;outline-offset:3px;cursor:grabbing}@media print{.top,.page-head,.tab-bar,.form-pane,.save-toast,.back{display:none!important}.app,.content,.workspace,.preview-pane,.preview-scroll{display:block;max-height:none;overflow:visible;background:#fff;padding:0;margin:0;width:auto}.mark-reset,.confirm-back{display:none!important}.sheet{box-shadow:none;width:auto;max-width:none;margin:0}}@media (max-width: 980px){.top-inner{flex-wrap:wrap}.userbox{margin-left:0}.workspace,.admin-grid,.grid-2,.grid-3,.grid-form,.profile-row,.sign-grid,.marks-admin{grid-template-columns:1fr}.form-pane,.preview-pane{max-height:none}}