:root{--paper:#f8f8f5;--ink:#15211d;--muted:#66736d;--line:#e0e5e1;--deep:#163f34;--accent:#2fc48d;--soft:#e8f5ee;--warm:#f8eee0;--warning:#a56727}*{box-sizing:border-box}html,body{background:var(--paper);color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif}button,input,select{font:inherit}.control-shell{width:min(920px,100%);margin:auto;padding:0 24px 46px}.control-header{justify-content:space-between;align-items:center;height:76px;display:flex}.wordmark{background:var(--accent);color:#0000;cursor:pointer;border:0;border-radius:50%;width:18px;height:18px}.header-actions{gap:8px;display:flex}.icon-button{border:1px solid var(--line);width:36px;height:36px;color:var(--ink);cursor:pointer;background:0 0;border-radius:50%;font-size:18px}.intro{max-width:600px;padding:54px 0 42px}.eyebrow{color:var(--muted);letter-spacing:.16em;margin:0 0 10px;font-size:10px;font-weight:800}.intro h1{letter-spacing:-.07em;margin:0;font-size:clamp(48px,9vw,82px);font-weight:700;line-height:.89}.intro h1 em{font-family:Georgia,serif;font-weight:400}.intro-copy{color:var(--muted);margin:22px 0 0;font-size:16px}.quick-add{border:1px solid var(--line);background:#fff;border-radius:18px;padding:18px}.capture-button{background:var(--deep);color:#fff;text-align:left;cursor:pointer;border:0;border-radius:12px;align-items:center;gap:14px;width:100%;padding:20px;display:flex}.capture-button span:nth-child(2){gap:4px;display:grid}.capture-button b{font-size:15px}.capture-button small{color:#b7d0c7}.capture-button i{margin-left:auto;font-size:28px;font-style:normal}.capture-icon{background:#ffffff1f;border-radius:11px;place-items:center;width:38px;height:38px;font-size:22px;display:grid}.quick-divider{color:#8b948f;align-items:center;gap:12px;margin:14px 0;font-size:11px;display:flex}.quick-divider:before,.quick-divider:after{content:"";background:var(--line);flex:1;height:1px}.manual-button{border:1px solid var(--line);width:100%;color:var(--ink);cursor:pointer;background:#fff;border-radius:12px;padding:14px;font-size:14px;font-weight:700}.manual-button span{color:var(--deep);vertical-align:-1px;margin-right:7px;font-size:19px}.scope-tabs{gap:8px;margin:36px 0 18px;display:flex}.scope-tabs button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:8px 12px;font-size:13px;font-weight:700}.scope-tabs button.selected{background:var(--ink);color:#fff}.summary-grid{border:1px solid var(--line);background:#fff;border-radius:16px;grid-template-columns:repeat(3,1fr);display:grid;overflow:hidden}.summary-grid article{border-right:1px solid var(--line);flex-direction:column;min-height:137px;padding:22px;display:flex}.summary-grid article:last-child{border:0}.summary-grid span,.summary-grid small{color:var(--muted);font-size:12px}.summary-grid strong{letter-spacing:-.05em;margin-top:16px;font-size:28px}.summary-grid small{margin-top:auto}.summary-grid .attention{background:#fffaf2}.summary-grid .attention strong{color:var(--warning)}.section-block{margin-top:56px}.section-title{justify-content:space-between;align-items:end;gap:16px;margin-bottom:18px;display:flex}.section-title h2{letter-spacing:-.04em;margin:0;font-size:23px}.section-title button{color:var(--deep);cursor:pointer;background:0 0;border:0;font-size:13px;font-weight:700}.record-list{border-top:1px solid var(--line)}.record-row{border-bottom:1px solid var(--line);align-items:center;gap:13px;min-height:83px;display:flex}.record-mark{background:var(--soft);width:36px;height:36px;color:var(--deep);border-radius:11px;place-items:center;font-weight:700;display:grid}.record-mark.договор{color:#425482;background:#edf0f8}.record-mark.фактура{color:#9a6228;background:#f8eee0}.record-row>div:nth-child(2){flex:1;min-width:0}.record-row b{white-space:nowrap;text-overflow:ellipsis;font-size:14px;display:block;overflow:hidden}.record-row small{color:var(--muted);margin-top:5px;font-size:11px;display:block}.record-meta{text-align:right}.record-meta strong{font-size:13px;display:block}.record-row.urgent .record-meta small{color:var(--warning)}.paid-button{border:1px solid var(--line);color:var(--deep);cursor:pointer;background:#fff;border-radius:8px;padding:7px 9px;font-size:11px;font-weight:700}.empty-state{border-top:1px solid var(--line);text-align:center;padding:34px 10px}.empty-state span{color:var(--accent);font-size:27px;display:block}.empty-state b{margin-top:11px;font-size:14px;display:block}.empty-state p{color:var(--muted);margin:7px 0 16px;font-size:13px}.empty-state button{color:var(--deep);cursor:pointer;background:0 0;border:0;font-size:13px;font-weight:700}.areas-block{padding-top:2px}.area-cards{grid-template-columns:1fr 1fr;gap:12px;display:grid}.area-cards button{border:1px solid var(--line);text-align:left;cursor:pointer;background:#fff;border-radius:16px;min-height:130px;padding:20px}.area-symbol{background:var(--soft);width:31px;height:31px;color:var(--deep);border-radius:9px;place-items:center;margin-bottom:22px;display:grid}.area-cards b,.area-cards small{display:block}.area-cards b{font-size:14px}.area-cards small{color:var(--muted);margin-top:6px;font-size:12px}.privacy-note{color:var(--muted);text-align:center;margin-top:58px;font-size:11px}.privacy-note span{color:var(--deep)}.modal-backdrop{z-index:50;background:#0c19145c;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.add-modal,.notice-card{border:1px solid var(--line);background:#fff;border-radius:20px;width:min(480px,100%);padding:24px;box-shadow:0 24px 70px #0a191233}.add-modal header{justify-content:space-between;align-items:start;margin-bottom:24px;display:flex}.add-modal h2,.notice-card h2{letter-spacing:-.04em;margin:0;font-size:22px}.close{color:var(--muted);cursor:pointer;background:0 0;border:0;font-size:25px;line-height:1}.add-modal label{color:var(--ink);gap:8px;margin-top:15px;font-size:12px;font-weight:700;display:grid}.add-modal label small{color:var(--muted);font-weight:400}.add-modal input,.add-modal select{border:1px solid var(--line);width:100%;color:var(--ink);outline-color:var(--accent);background:#fff;border-radius:10px;padding:11px}.form-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.segmented{gap:7px;display:flex}.segmented button{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:#fff;border-radius:9px;flex:1;padding:10px;font-size:12px;font-weight:700}.segmented button.selected{border-color:var(--deep);background:var(--deep);color:#fff}.add-modal footer{justify-content:flex-end;gap:10px;margin-top:26px;display:flex}.cancel,.primary{cursor:pointer;border:0;border-radius:9px;padding:11px 14px;font-size:13px;font-weight:700}.cancel{color:var(--muted);background:0 0}.primary{background:var(--deep);color:#fff}.notice-card{text-align:center}.notice-card .close{float:right}.notice-icon{background:var(--soft);width:48px;height:48px;color:var(--deep);border-radius:14px;place-items:center;margin:10px auto 18px;font-size:25px;display:grid}.notice-card p{max-width:330px;color:var(--muted);margin:12px auto 23px;font-size:14px;line-height:1.5}@media (max-width:600px){.control-shell{padding:0 18px 32px}.control-header{height:64px}.intro{padding:42px 0 32px}.intro h1{font-size:52px}.summary-grid{grid-template-columns:1fr}.summary-grid article{border-right:0;border-bottom:1px solid var(--line);min-height:92px}.summary-grid strong{margin-top:8px}.scope-tabs{margin-top:27px}.record-meta{display:none}.paid-button{margin-left:auto}.area-cards,.form-grid{grid-template-columns:1fr}.section-block{margin-top:44px}}