:root{--navy:#0f1930;--navy2:#172444;--ink:#172335;--muted:#758094;--line:#e2e8f0;--bg:#f3f6fb;--brand:#2166d5;--brand2:#e9f1ff;--mint:#e6f7f0;--green:#087957;--red:#c03547}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif}.app-shell{display:flex;min-height:100vh}.sidebar{background:var(--navy);color:#dbe5f9;width:248px;position:sticky;top:0;height:100vh;flex-shrink:0;padding:28px 17px;display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;margin:6px 8px 51px}.logo{width:46px;height:46px;display:grid;place-items:center;border-radius:12px;background:#f37b27;color:white;font-size:16px;font-weight:900;letter-spacing:-.5px}.brand strong{font-size:13px;letter-spacing:.3px;display:block;color:white}.brand span{font-size:9px;color:#8595b8;letter-spacing:1.4px;display:block;margin-top:3px}.nav{padding:12px 14px;display:flex;align-items:center;gap:13px;color:#b8c6e1;text-decoration:none;border-radius:9px;margin-bottom:7px;font-weight:600}.nav span{font-size:18px}.nav.active,.nav:hover{background:#28395e;color:white}.side-bottom{margin-top:auto}.privacy{background:#1e2c4c;padding:17px 15px;border:1px solid #34415e;border-radius:12px}.privacy strong{color:white;font-size:12px}.privacy p{font-size:12px;color:#abb9d4;line-height:1.7;margin:6px 0 0}.side-bottom small{display:block;text-align:center;color:#6f7e9e;font-size:10px;margin:22px 0 0}.main{width:min(1250px,100%);padding:42px clamp(20px,4vw,58px) 34px;margin:auto;min-width:0}.topbar{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:29px}.eyebrow{color:#4875c0;font-size:10px;font-weight:900;letter-spacing:1.45px}.topbar h1{font-size:30px;letter-spacing:-.8px;line-height:1.25;margin:7px 0 9px}.topbar p,.panel-heading p{margin:0;color:var(--muted);font-size:13px}.version{flex-shrink:0;padding:9px 12px;background:#fff;border:1px solid var(--line);border-radius:8px;color:#8090a8;font-weight:800;font-size:10px;letter-spacing:.8px}.version span{color:var(--brand)}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:22px}.stat{background:white;border:1px solid var(--line);border-radius:12px;padding:18px 20px;box-shadow:0 2px 10px #132e6006}.stat span{display:block;font-size:12px;color:#687893;font-weight:650}.stat strong{display:block;color:#172743;font-size:28px;font-weight:850;letter-spacing:-.8px;margin:6px 0 0}.stat small{display:block;font-size:11px;color:#97a2b4}.panel{background:#fff;border:1px solid var(--line);border-radius:13px;padding:24px;margin-bottom:20px;box-shadow:0 3px 15px #1b345106}.panel-heading{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:20px}.panel-heading h2{font-size:17px;margin:4px 0 5px;letter-spacing:-.35px}.pill{background:var(--brand2);border:1px solid #dce7ff;border-radius:6px;color:var(--brand);font-size:10px;font-weight:900;padding:7px 10px;white-space:nowrap}.dropzone{border:2px dashed #b8cbeb;background:#f9fbff;border-radius:10px;min-height:185px;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:5px;cursor:pointer;transition:background .15s,border-color .15s}.dropzone:hover,.dropzone.drag{border-color:#3170d1;background:#edf4ff}.upload-icon{border-radius:50%;height:42px;width:42px;display:grid;place-items:center;background:#e3eeff;color:#245dbe;font-size:24px;margin-bottom:6px}.dropzone strong{font-size:14px}.dropzone>span:not(.upload-icon){font-size:12px;color:#7a8ca7}.dropzone .hint{font-size:10px!important;color:#a0acc0!important;margin-top:9px}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.progress-wrap{margin-top:15px}.progress-caption{display:flex;justify-content:space-between;color:#64728b;font-size:11px;margin-bottom:7px}.progress{height:7px;background:#e9eef6;border-radius:20px;overflow:hidden}.progress>div{width:0;height:100%;background:#2972da;transition:width .25s}.setting-grid{display:flex;align-items:flex-end;flex-wrap:wrap;gap:12px}.field{display:flex;flex-direction:column;gap:8px;min-width:190px;flex:1}.field span{font-size:11px;font-weight:750;color:#475975}.field input,.field select,.search-field input,.asset-code{background:#fff;width:100%;height:39px;border:1px solid #dbe2ed;border-radius:7px;padding:0 11px;color:#1c304d;outline:0;font:inherit;font-size:13px}.field input:focus,.field select:focus,.search-field input:focus,.asset-code:focus{border-color:#3681db;box-shadow:0 0 0 3px #3681db1c}.setting-action{display:flex;flex:0 0 auto}.btn{height:39px;padding:0 16px;border:1px solid transparent;border-radius:7px;cursor:pointer;font-weight:750;font:inherit;font-size:12px;white-space:nowrap;transition:filter .15s,transform .15s}.btn:hover:not(:disabled){filter:brightness(.96)}.btn:disabled{opacity:.48;cursor:not-allowed}.btn.primary{background:#1b61d2;color:white;box-shadow:0 3px 10px #1b61d230}.btn.secondary{background:#edf3ff;border-color:#dce7ff;color:#245bb6}.btn.ghost{background:white;border-color:#dce4f0;color:#45627e}.btn.small{height:32px;padding:0 10px;font-size:11px}.filename-example{background:#f7f9fd;border:1px solid #e6ebf5;padding:14px 16px;border-radius:8px;margin-top:17px;display:flex;gap:8px;flex-direction:column}.filename-example span{font-size:10px;font-weight:800;color:#8090a7;letter-spacing:1px}.filename-example strong{font-size:12px;color:#284e88;overflow-wrap:anywhere}.note{margin-top:15px;background:#f0f7ff;border:1px solid #dcecff;border-radius:8px;display:flex;padding:13px 15px;gap:11px;color:#627792;font-size:11px;line-height:1.65}.note>span{font-size:17px;color:#3176d9}.note strong{color:#355475}.actions{display:flex;gap:7px}.toolbar{display:flex;gap:12px;margin-bottom:18px}.search-field{display:flex;align-items:center;position:relative;flex:1}.search-field span{position:absolute;left:12px;font-size:20px;color:#8192ac}.search-field input{padding-left:37px}.empty{padding:35px 15px 40px;text-align:center;border:1px dashed #d8e2ef;border-radius:8px;color:#7385a3}.empty-icon{font-size:27px;color:#b0bed1;margin-bottom:5px}.empty strong{display:block;color:#4b5b74}.empty p{font-size:12px;margin:6px 0}.document-list{display:flex;flex-direction:column;gap:10px}.doc{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff}.doc-head{display:flex;gap:12px;align-items:flex-start;padding:16px;cursor:pointer;background:#fbfcff}.doc-index{height:30px;width:30px;flex-shrink:0;display:grid;place-items:center;background:#e9f1ff;color:#245eb6;border-radius:8px;font-weight:850;font-size:11px}.doc-name{flex:1;min-width:0}.doc-name strong{font-size:12px;line-height:1.45;display:block}.doc-name small{display:block;color:#8492a8;margin-top:4px;overflow-wrap:anywhere;font-size:10px}.doc-meta{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-top:8px}.tag{background:#edf4ff;color:#426796;border:1px solid #e0eafd;border-radius:4px;padding:3px 7px;font-size:10px;font-weight:700}.tag.green{background:#eaf7f1;border-color:#d4ede0;color:#217759}.chev{font-size:21px;color:#8395ad;align-self:center}.doc-body{padding:14px 16px 18px;border-top:1px solid #e9edf4}.doc-body[hidden]{display:none}.doc-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:12px}.doc-controls label{display:flex;flex-direction:column;gap:5px;font-size:11px;color:#5c7090;font-weight:700}.doc-controls input{height:36px;border:1px solid #dce3ed;border-radius:6px;padding:4px 9px;font:inherit;color:#364a6b}.doc-attrs{font-size:11px;color:#718198;border-top:1px solid #eef1f6;padding:8px 0}.doc-attrs strong{color:#405778}.asset{border:1px solid #e5eaf3;border-radius:7px;padding:12px;margin-top:10px}.asset-top{display:flex;gap:9px;align-items:flex-start}.asset-top>input[type=checkbox]{margin:3px 2px 0 0;accent-color:var(--brand);height:15px;width:15px}.asset-info{flex:1;min-width:0}.asset-info strong{font-size:12px;display:block}.asset-info small{display:block;color:#8492a8;line-height:1.6;margin-top:2px}.asset-code-wrap{display:flex;flex-direction:column;gap:4px;font-weight:750;color:#607596;font-size:10px}.asset-code{width:135px;height:32px;font-size:12px}.asset-bottom{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end;margin-top:10px;padding-left:28px}.file-label{font-size:10px;color:#526f9c;font-weight:800}.file-label input{width:100%;max-width:300px;display:block;margin-top:4px;font-size:10px}.photo-hint{display:block;margin-top:3px;color:#8b9bb0;font-weight:400}.asset-actions{display:flex;gap:5px}.asset-actions button{height:31px}.asset-result{font-size:10px;color:#7f8da3;overflow-wrap:anywhere;background:#f8faff;margin:10px 0 0 28px;border:1px solid #e8edf5;border-radius:4px;padding:7px 9px}.export-panel{border-color:#d5e4ff}.export-controls{display:flex;align-items:center;gap:13px;flex-wrap:wrap}.export-controls span{font-size:11px;color:#8694a9}.status{background:#f4f7fd;color:#6b7d96;font-size:11px;border:1px solid #e2e8f0;border-radius:7px;margin-top:16px;padding:10px 12px;white-space:pre-wrap}.status.error{background:#fff1f3;color:var(--red);border-color:#f6d8df}.status.success{background:var(--mint);color:var(--green);border-color:#c9ebda}footer{text-align:center;font-size:11px;color:#92a0b4;padding:5px 0 15px}@media(max-width:900px){.sidebar{width:70px;padding:22px 9px}.brand{margin:3px 0 38px;justify-content:center}.brand>div:not(.logo),.nav:not(.active){font-size:0}.brand .logo{width:44px}.nav{justify-content:center;padding:11px;font-size:0}.nav span{font-size:21px}.side-bottom{display:none}.main{padding:29px 20px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:580px){.sidebar{display:none}.main{padding:21px 12px}.topbar h1{font-size:24px}.topbar .version{display:none}.panel{padding:17px}.panel-heading{align-items:flex-start}.panel-heading .actions{flex-direction:column}.stat{padding:13px}.stat strong{font-size:24px}.toolbar{flex-direction:column}.doc-controls{grid-template-columns:1fr}.asset-top{flex-wrap:wrap}.asset-code-wrap{margin-left:27px}.asset-bottom{grid-template-columns:1fr}.asset-actions{padding-top:5px}.export-controls .btn{width:100%}}

.shared-warning{display:flex;gap:10px;align-items:flex-start;background:#fff8e8;color:#916519;font-size:11px;line-height:1.7;border:1px solid #f5dfad;border-radius:7px;padding:12px;margin:10px 0}.shared-warning input{accent-color:#b47a1e;margin-top:3px;flex-shrink:0}.shared-warning strong{color:#795316}