#indexation-app{--bg:#f5f3ef;--paper:#fff;--ink:#24313d;--muted:#596975;--line:#d8dfdf;--accent:#8a6239;--tint:#f4ece1;--danger:#912f32;--green:#275c4c;--radius:20px}
#indexation-app *{box-sizing:border-box}
#indexation-app{margin:0;background:var(--bg);color:var(--ink);font:16px/1.55 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
#indexation-app a{color:var(--accent);text-underline-offset:3px}
#indexation-app button,#indexation-app input,#indexation-app select,#indexation-app textarea{font:inherit}
#indexation-app button{cursor:pointer}
#indexation-app button:disabled{opacity:.5;cursor:not-allowed}
#indexation-app button:focus-visible,#indexation-app a:focus-visible,#indexation-app input:focus-visible,#indexation-app select:focus-visible,#indexation-app summary:focus-visible{outline:3px solid #a36c2e;outline-offset:3px}
#indexation-app button{min-height:44px;border:1px solid var(--line);border-radius:10px;padding:10px 15px;background:#fff;color:var(--ink);font-weight:600}
#indexation-app button.primary{background:var(--ink);color:white;border-color:var(--ink)}
#indexation-app button.subtle{background:transparent}
#indexation-app .wrap{max-width:1240px;margin:auto;padding:0 28px}
#indexation-app header{border-bottom:1px solid var(--line);background:#fff}
#indexation-app header .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:90px}
#indexation-app .brand{font-weight:760;letter-spacing:2px;font-size:21px;line-height:1.35}
#indexation-app .tagline{font-size:12px;letter-spacing:.3px;color:var(--muted);font-weight:500}
#indexation-app nav{display:flex;gap:20px;font-size:14px}
#indexation-app nav a{text-decoration:none;color:var(--muted)}
#indexation-app .hero{padding:44px 0 25px}
#indexation-app .eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:1.5px;color:var(--accent);font-weight:700}
#indexation-app .hero h1{font-size:clamp(29px,4.4vw,49px);line-height:1.1;letter-spacing:-1.5px;max-width:850px;margin:15px 0 18px}
#indexation-app .hero p{max-width:850px;font-size:18px;color:var(--muted);margin:0}
#indexation-app .pills{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0}
#indexation-app .pill{border:1px solid var(--line);border-radius:40px;padding:6px 13px;background:#fff;font-size:13px}
#indexation-app .notice{padding:16px 20px;border-radius:12px;border:1px solid #d8c6ac;background:#fbf5e9;color:#6b4822;font-size:14px;margin-bottom:24px}
#indexation-app .notice a{color:inherit}
#indexation-app .layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.85fr);gap:24px;align-items:start}
#indexation-app .panel{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:26px}
#indexation-app .panel h2{font-size:20px;line-height:1.3;margin:0 0 18px}
#indexation-app .step{font-size:12px;letter-spacing:1px;color:var(--accent);font-weight:700;margin-bottom:9px}
#indexation-app .fields{display:grid;grid-template-columns:1fr 1fr;gap:17px}
#indexation-app .full{grid-column:1/-1}
#indexation-app label{display:block;font-weight:650;font-size:14px}
#indexation-app input,#indexation-app select,#indexation-app textarea{display:block;width:100%;margin-top:7px;padding:11px 12px;border:1px solid #b8c3c8;border-radius:9px;background:#fff;min-height:46px;color:var(--ink)}
#indexation-app input[type=checkbox]{width:19px;height:19px;min-height:19px;margin:2px 0 0;flex:none}
#indexation-app .check{display:flex;gap:10px;align-items:flex-start;font-weight:500;font-size:13px;margin-top:20px}
#indexation-app .hint{font-size:12px;font-weight:400;color:var(--muted);margin-top:6px;line-height:1.5}
#indexation-app .divider{border:0;border-top:1px solid var(--line);margin:24px 0}
#indexation-app .payment{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 44px;gap:10px;align-items:end;margin:12px 0}
#indexation-app .payment button{padding:5px}
#indexation-app .actionrow{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
#indexation-app .actionrow .primary{flex:1}
#indexation-app .result{position:sticky;top:20px;background:var(--ink);color:white;border-radius:var(--radius);overflow:hidden}
#indexation-app .result-top{padding:26px}
#indexation-app .result .eyebrow{color:#dfbb89}
#indexation-app .result h2{margin:8px 0 4px;font-size:20px;font-weight:550}
#indexation-app .total{font-size:clamp(26px,3.5vw,40px);font-weight:750;letter-spacing:-1px;overflow-wrap:anywhere;line-height:1.3;margin:10px 0}
#indexation-app .result .muted{color:#c1cbd1;font-size:13px}
#indexation-app .result-bottom{background:#fff;color:var(--ink);padding:22px 26px}
#indexation-app .status{font-size:13px;padding:8px 12px;border-radius:8px;background:#eef2f2}
#indexation-app .deadline-card{border-left:3px solid #9caeb7;padding:10px 12px;margin-top:12px;background:#f7f9f9;border-radius:3px 9px 9px 3px}
#indexation-app .deadline-card.urgent,#indexation-app .deadline-card.today{border-color:#a56628;background:#fcf3e8}
#indexation-app .deadline-card.expired{border-color:var(--danger);background:#f9ebea}
#indexation-app .deadline-card strong{display:block;font-size:19px}
#indexation-app .deadline-card p{font-size:12px;margin:4px 0}
#indexation-app .summaryline{display:flex;justify-content:space-between;gap:14px;font-size:13px;border-bottom:1px solid var(--line);padding:8px 0}
#indexation-app .export-buttons{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
#indexation-app .export-buttons button{font-size:12px;padding:8px 10px}
#indexation-app .error{background:#f9ebea;color:var(--danger);padding:12px;border-radius:8px;margin-top:16px}
#indexation-app .warning{font-size:13px;color:#71491f;background:#fbf5e9;padding:12px;border-radius:10px;margin:10px 0}
#indexation-app .detail{margin-top:24px}
#indexation-app .detail details{border:1px solid var(--line);border-radius:14px;background:#fff;margin-top:10px}
#indexation-app .detail summary{cursor:pointer;padding:17px 20px;font-weight:650}
#indexation-app .detail .inside{padding:0 20px 20px}
#indexation-app .scroll{overflow-x:auto;max-width:100%;border-radius:8px;border:1px solid var(--line)}
#indexation-app table{border-collapse:collapse;min-width:760px;width:100%;font-size:13px}
#indexation-app th,#indexation-app td{padding:10px;text-align:left;border-bottom:1px solid var(--line);white-space:nowrap}
#indexation-app th{background:#eef2f2;font-weight:600}
#indexation-app tr.deflation td{background:#f3f4fb}
#indexation-app .content{padding:42px 0 30px;display:grid;grid-template-columns:1fr 1fr;gap:24px}
#indexation-app .content h2{font-size:24px;line-height:1.25}
#indexation-app .content h3{font-size:17px;margin:25px 0 8px}
#indexation-app .content p{color:var(--muted);font-size:15px;margin:8px 0 16px}
#indexation-app .content details{padding:15px 0;border-bottom:1px solid var(--line)}
#indexation-app .content summary{cursor:pointer;font-weight:650}
#indexation-app .source-list{font-size:13px;line-height:1.8}
#indexation-app .source-list a{display:block;margin-bottom:8px;overflow-wrap:anywhere}
#indexation-app .footer{padding:25px 0 40px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}
#indexation-app [hidden]{display:none!important}
#indexation-app .copyarea{font:12px/1.5 monospace;height:240px}
#indexation-app .review-link{display:block;margin-top:15px}
#indexation-app .kbdnote{font-size:12px;color:var(--muted)}
#indexation-app.egorovna{--accent:#48675c;--tint:#e8eeea}
#indexation-app.egorovna .hero h1{max-width:930px}
@media(max-width:960px){#indexation-app .layout{grid-template-columns:1fr}
#indexation-app .result{position:static}
#indexation-app .content{grid-template-columns:1fr}
#indexation-app .hero{padding-top:30px}
#indexation-app .result .total{font-size:36px}
#indexation-app nav{display:none}}
@media(max-width:480px){#indexation-app .wrap{padding:0 16px}
#indexation-app .panel,#indexation-app .result-top,#indexation-app .result-bottom{padding:20px}
#indexation-app .fields{grid-template-columns:1fr}
#indexation-app .hero h1{letter-spacing:-.7px}
#indexation-app .hero p{font-size:16px}
#indexation-app .brand{font-size:18px}
#indexation-app .payment{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 38px;gap:7px}
#indexation-app .payment label{font-size:12px}
#indexation-app .payment input{font-size:13px;padding:9px 5px}
#indexation-app .payment button{min-height:46px}
#indexation-app .notice{padding:14px;font-size:12px}
#indexation-app .pills{gap:6px}
#indexation-app .pill{font-size:11px}
#indexation-app .total{font-size:32px}
#indexation-app header .wrap{min-height:76px}
#indexation-app .content{padding-top:25px}}
@media print{#indexation-app header,#indexation-app .hero,#indexation-app .notice,#indexation-app #input-panel,#indexation-app .actionrow,#indexation-app .export-buttons,#indexation-app button,#indexation-app .content,#indexation-app .footer,#indexation-app .copywrap{display:none!important}
#indexation-app .wrap{padding:0;max-width:none}
#indexation-app .layout{display:block}
#indexation-app .result{position:static;color:#000;background:#fff;border:1px solid #aaa}
#indexation-app .result-top{padding:10px}
#indexation-app .result .eyebrow,#indexation-app .result .muted{color:#333}
#indexation-app .result-bottom{padding:10px}
#indexation-app .detail details{display:block}
#indexation-app .detail details:not([open])>.inside{display:block}
#indexation-app .scroll{overflow:visible}
#indexation-app table{min-width:0;font-size:9px}
#indexation-app th,#indexation-app td{padding:4px;white-space:normal}
#indexation-app .deadline-card{break-inside:avoid}
#indexation-app .total{font-size:24px}
#indexation-app a{color:#000}}
#indexation-app{width:min(1240px,calc(100% - 56px));max-width:1240px;margin:0 auto;padding:28px 0 48px;font:16px/1.6 Arial,Helvetica,sans-serif;--ink:#121f26;--muted:#5b666c;--accent:#795722;--line:#deddd6;--radius:8px;background:transparent;min-width:0}
#indexation-app.egorovna{--ink:#183b32;--muted:#56645c;--accent:#795d31;--line:#dadcd2}
#indexation-app .hero{min-height:0;background:none;display:block;padding:30px 0 22px}
#indexation-app .hero h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:var(--ink);font-size:clamp(30px,3.9vw,48px);letter-spacing:-.8px;margin:12px 0 18px;max-width:100%;transform:none}
#indexation-app h2,#indexation-app h3{font-family:Arial,Helvetica,sans-serif;font-weight:600;letter-spacing:normal}
#indexation-app p,#indexation-app label,#indexation-app section,#indexation-app aside{min-width:0}
#indexation-app .indexation-crumbs{display:flex;flex-wrap:wrap;font-size:13px;gap:5px;margin-bottom:4px}
#indexation-app a{text-decoration:underline}
#indexation-app input,#indexation-app select{font-size:16px;max-width:100%;min-width:0}
#indexation-app .panel{padding:24px}
#indexation-app .hero p{max-width:900px}
#indexation-app .layout{grid-template-columns:minmax(0,1.2fr) minmax(300px,.85fr)}
#indexation-app .result{top:100px}
#indexation-app .content{display:grid;grid-template-columns:1fr 1fr}
.indexation-skip{position:absolute;top:-100px;left:12px;z-index:1000;background:white;color:#121f26;padding:12px}
.indexation-skip:focus{top:12px}
@media(max-width:960px){#indexation-app .layout,#indexation-app .content{grid-template-columns:minmax(0,1fr)}#indexation-app .result{position:static}}
@media(max-width:480px){#indexation-app{width:calc(100% - 32px);padding-top:20px}#indexation-app .fields{grid-template-columns:minmax(0,1fr)}#indexation-app .panel,#indexation-app .result-top,#indexation-app .result-bottom{padding:18px}#indexation-app .payment{grid-template-columns:minmax(0,1fr) 40px}#indexation-app .payment label{grid-column:1}#indexation-app .payment button{grid-column:2;grid-row:1/span 2}#indexation-app .hero h1{font-size:31px}#indexation-app .export-buttons button{flex:1 1 40%}}
@media print{body>header,body>footer,.indexation-skip{display:none!important}#indexation-app{width:100%;padding:0;background:white}#indexation-app .indexation-crumbs{display:none}#indexation-app .layout{display:block}#indexation-app .result{position:static}#indexation-app .result-top,#indexation-app .result-bottom{padding:10px}#indexation-app .scroll{overflow:visible}#indexation-app table{table-layout:fixed;width:100%;min-width:0}#indexation-app td,#indexation-app th{overflow-wrap:anywhere}}
#indexation-app .hero .pill {color:var(--ink);background:#fff}
