:root { --gold:#d4af37; --bg:#0d0d0e; --panel:#18181a; --panel2:#202024; --border:#34343a; --text:#f5f5f5; --muted:#aaaab1; --danger:#e45b5b; --blue:#285ea8; --lightblue:#64b5f6; --green:#3da26d; }
* { box-sizing:border-box; }
body { margin:0; font-family:Arial,Helvetica,sans-serif; background:var(--bg); color:var(--text); }
a { color:inherit; text-decoration:none; }
.app-shell { display:grid; grid-template-columns:240px minmax(0,1fr); min-height:100vh; }
.sidebar { background:#080809; border-right:1px solid #232326; padding:24px 16px; position:sticky; top:0; height:100vh; }
.logo { width:175px; max-height:90px; object-fit:contain; margin:0 auto 22px; display:block; }
.brand { color:var(--gold); letter-spacing:3px; font-weight:800; font-size:12px; margin:8px 12px 22px; }
.nav a { display:block; padding:12px 14px; border-radius:10px; color:#d6d6db; margin-bottom:6px; }
.nav a:hover { background:#19191c; color:#fff; }
.main { padding:30px; max-width:1500px; width:100%; margin:0 auto; }
.topline { color:var(--gold); letter-spacing:2px; font-size:12px; font-weight:800; }
h1 { margin:6px 0 6px; font-size:32px; }
.subtle { color:var(--muted); }
.cards { display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:14px; margin:24px 0; }
.card,.panel { background:var(--panel); border:1px solid var(--border); border-radius:14px; padding:18px; }
.metric-label { color:var(--muted); font-size:12px; text-transform:uppercase; letter-spacing:.7px; }
.metric { font-size:34px; margin-top:8px; font-weight:700; }
.toolbar { display:flex; gap:10px; flex-wrap:wrap; align-items:center; justify-content:space-between; margin:18px 0; }
.btn { border:1px solid #44444a; background:#242428; color:#fff; padding:11px 15px; border-radius:10px; cursor:pointer; font-weight:700; }
.btn:hover { background:#303036; }
.btn.primary { background:var(--gold); color:#111; border-color:var(--gold); }
.btn.danger { background:#5d2525; border-color:#8c3434; }
.input,.select,.textarea { width:100%; background:#101012; color:#fff; border:1px solid #3a3a40; padding:11px 12px; border-radius:9px; }
.textarea { min-height:90px; resize:vertical; }
.form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.field label { display:block; color:#c9c9ce; font-size:13px; margin-bottom:7px; }
.field.full { grid-column:1/-1; }
.table { width:100%; border-collapse:collapse; }
.table th,.table td { padding:12px; border-bottom:1px solid #303035; text-align:left; font-size:14px; }
.table th { color:#b8b8bf; font-size:12px; text-transform:uppercase; }
.badge { display:inline-block; border:1px solid #4b4b52; border-radius:999px; padding:5px 9px; font-size:11px; font-weight:800; }
.badge.gold { color:var(--gold); border-color:#6c5a21; }
.badge.blue { background:#173967; border-color:#285ea8; }
.badge.lightblue { background:#17384a; border-color:#64b5f6; }
.badge.green { background:#173c2b; border-color:#3da26d; }
.dropzone { border:2px dashed #4b4b52; border-radius:14px; padding:28px; text-align:center; background:#121214; }
.doc-layout { display:grid; grid-template-columns:minmax(320px,1fr) minmax(360px,1.2fr); gap:18px; }
.doc-item { padding:12px; border:1px solid #35353b; border-radius:10px; background:#1d1d21; margin-bottom:9px; cursor:grab; }
.slot { min-height:68px; border:1px dashed #55555c; border-radius:10px; padding:12px; margin-bottom:9px; background:#131315; }
.slot.active { border-color:var(--gold); background:#1d1a10; }
.slot-title { font-size:12px; color:#bdbdc4; font-weight:800; letter-spacing:.4px; }
.slot-doc { margin-top:7px; color:#fff; }
.notice { padding:12px 14px; border-radius:10px; background:#232326; border:1px solid #3b3b40; margin:12px 0; }
.notice.error { background:#3b1e1e; border-color:#7c3434; }
.notice.ok { background:#173326; border-color:#2c7450; }
@media(max-width:850px){ .app-shell{grid-template-columns:1fr}.sidebar{height:auto;position:relative}.form-grid,.doc-layout{grid-template-columns:1fr}.main{padding:18px} }
.hidden{display:none!important}.clickable{cursor:pointer}.split{display:grid;grid-template-columns:1fr 1fr;gap:18px}.mb{margin-bottom:18px}.status-line{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.linkish{color:var(--gold);cursor:pointer}.file-input{padding:14px;border:1px dashed #555;border-radius:10px;width:100%;background:#111;color:#fff}.modal{position:fixed;inset:0;background:rgba(0,0,0,.72);display:flex;align-items:center;justify-content:center;padding:20px;z-index:50}.modal-card{width:min(720px,96vw);max-height:90vh;overflow:auto;background:#18181a;border:1px solid #3c3c42;border-radius:16px;padding:22px}.close{float:right}.small{font-size:12px}.grow{flex:1}.stack{display:flex;flex-direction:column;gap:10px}@media(max-width:850px){.split{grid-template-columns:1fr}}

.reception-docs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.reception-zone{border:1px dashed #55555c;border-radius:13px;background:#131315;padding:6px;min-width:0}
.reception-zone.active{border-color:var(--gold);background:#242011}
.reception-select{display:flex;align-items:center;gap:14px;width:100%;padding:15px 10px;border:0;border-radius:9px;background:transparent;color:var(--text);text-align:left;cursor:pointer}
.reception-select:hover,.reception-select:focus-visible{background:#242428;outline:2px solid var(--gold)}
.reception-select b{display:block;font-size:14px;margin-bottom:6px}.reception-select .small{display:block}.reception-icon{font-size:26px}
.reception-file{display:flex;gap:8px;align-items:center;justify-content:space-between;border-top:1px solid #34343a;padding:9px;font-size:13px}.reception-file span{overflow-wrap:anywhere}.reception-file button{flex-shrink:0;padding:6px 9px}
@media(max-width:1050px){.reception-docs{grid-template-columns:1fr}}