:root{
  --bg:#f3f4f5;--card:#fff;--text:#171717;--muted:#72767d;--line:#e7e8ea;
  --primary:#2563eb;--primary2:#1d4ed8;--accent:#2563eb;--accent-soft:#edf3ff;
  --success:#0b8f55;--warning:#c2410c;--danger:#d33b3b;--sidebar:#111827;--sidebar2:#1f2937;
  --shadow:0 8px 30px rgba(0,0,0,.055);font-family:Inter,"Segoe UI",Arial,sans-serif
}
body{background:var(--bg);color:var(--text);font-size:14px}
.login-shell{background:radial-gradient(circle at 15% 10%,#dbeafe,transparent 36%),#f3f4f5}.login-logo{background:var(--accent);color:#fff;box-shadow:none}
.layout{grid-template-columns:248px minmax(0,1fr)}
.sidebar{background:var(--sidebar);padding:18px 13px;border-right:1px solid #273244}
.brand{padding:2px 9px 22px}.brand-mark{background:var(--accent);color:#fff;border-radius:12px;box-shadow:none}
.brand small{color:#92969e}.sidebar nav a{color:#c9cbd0;border-radius:11px;padding:10px 12px;margin:3px 0}
.sidebar nav a:hover{background:#1f2937;color:#fff}.sidebar nav a.active{background:var(--accent);color:#fff;font-weight:750}
.sidebar nav a.active .badge{background:#fff;color:#1d4ed8}.nav-title{color:#7f8ba0;margin-top:22px}
.sidebar-footer{border-color:#303030}.icon-button{background:#2d2d2d}
.topbar{min-height:86px;background:rgba(255,255,255,.92);border-bottom:1px solid #ebebeb;padding:18px 30px}
.topbar h1{font-size:25px;letter-spacing:-.025em}.topbar p{font-size:13px}.content{padding:24px 30px 56px}
.card{border:1px solid rgba(0,0,0,.055);border-radius:20px;box-shadow:var(--shadow);padding:20px}
.card h2,.card h3{letter-spacing:-.018em}.btn{background:var(--primary);color:#fff;border-radius:11px;min-height:38px;padding:9px 15px;font-weight:720;transition:transform .12s,background .12s,box-shadow .12s}
.btn:hover{background:var(--primary2);transform:translateY(-1px)}.btn:active{transform:none}.btn.secondary{background:#eef1f5;color:#202124}.btn.secondary:hover{background:#e2e7ee}
.btn.accent{background:var(--accent);color:#fff}.btn.accent:hover{background:var(--primary2)}.btn.ghost{background:#fff;border:1px solid #dedfe1;color:#313236}.btn.danger{background:var(--danger)}.btn.success{background:var(--success)}.btn.warning{background:#c2410c;color:#fff}
.field input,.field select,.field textarea,table.data input,table.data select{border:1px solid #d9dbde;border-radius:11px;background:#fff;min-height:40px}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(37,99,235,.18)}
.table-wrap{border:1px solid #e7e8ea;border-radius:15px;background:#fff}table.data th{background:#fafafa;color:#797d84;padding:12px 13px;position:sticky;top:0;z-index:1}table.data td{padding:13px;border-color:#ececee}table.data tr:hover td{background:#f5f8ff}
.badge{background:#f0f1f2;color:#4b4e53;padding:4px 9px}.badge.success{background:#dff5e9;color:#087347}.badge.warning{background:#ffebe2;color:#9a3412}.badge.danger{background:#ffe3e3;color:#a92323}
.tabs{gap:8px;padding:3px}.tabs a{border:0;background:#e9eaec;border-radius:10px;padding:9px 13px}.tabs a.active{background:var(--primary);color:#fff}
.demo-banner{background:#edf4ff;border-color:#bfd2ff;color:#234a91}.flash{border-radius:13px}
.stat{position:relative;overflow:hidden}.stat .value{letter-spacing:-.045em}.stat.attention{background:#fff4e5}.stat.good{background:#e4f7ec}.stat.dark{background:#172033;color:#fff}.stat.dark .label,.stat.dark .hint{color:#c1cad8}
.workspace-toolbar{display:flex;gap:10px;align-items:end;flex-wrap:wrap;margin-bottom:16px}.workspace-toolbar .field{min-width:190px}.workspace-toolbar .field.grow{flex:1;min-width:260px}
.page-folders{display:grid;gap:13px}.folder-card{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:var(--shadow)}
.folder-card>summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 18px}.folder-card>summary::-webkit-details-marker{display:none}.folder-card>summary:hover{background:#f6f9ff}.folder-card[open]>summary{border-bottom:1px solid var(--line)}
.folder-heading{display:flex;gap:11px;align-items:center;min-width:0}.folder-icon{width:38px;height:38px;border-radius:12px;background:var(--accent-soft);display:grid;place-items:center;font-weight:850;flex:none}.folder-heading strong{font-size:15px}.folder-heading small{display:block;color:var(--muted);margin-top:3px}.folder-summary{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap}.folder-body{padding:14px}
.quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.quick-action{background:#fff;border:1px solid var(--line);border-radius:17px;padding:17px;color:var(--text);display:flex;gap:12px;align-items:center;transition:.15s}.quick-action:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:#9ebcff}.quick-action .quick-icon{width:42px;height:42px;border-radius:13px;background:var(--accent);color:#fff;display:grid;place-items:center;font-size:19px;flex:none}.quick-action strong{display:block}.quick-action small{color:var(--muted);display:block;margin-top:3px}
.task-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.task-column{background:#e9eaec;border-radius:18px;padding:12px;min-width:0}.task-column.danger-column{background:#fff0f0}.task-column.done-column{background:#eaf6ef}.task-column-head{display:flex;justify-content:space-between;align-items:center;padding:4px 4px 12px}.task-list{display:grid;gap:9px}.task-card{background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:14px;padding:13px}.task-card h3{font-size:14px;margin:0 0 6px}.task-card .task-meta{display:flex;gap:7px;flex-wrap:wrap;margin:9px 0}.task-card form{display:flex;justify-content:flex-end}
.entity-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.entity-card{background:#fff;border:1px solid var(--line);border-radius:17px;padding:17px}.entity-card-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.entity-card h3{margin:0}.entity-card .entity-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0}.entity-stat{background:#f5f6f7;border-radius:11px;padding:10px}.entity-stat small{display:block;color:var(--muted)}.entity-stat strong{display:block;margin-top:4px}
.danger-action{color:#a92323!important;border-color:#efc2c2!important}.muted-panel{background:#f7f8f9;border:1px solid var(--line);border-radius:14px;padding:14px}.section-title h2,.section-title h3{margin:0}
@media(max-width:1200px){.quick-grid{grid-template-columns:repeat(2,1fr)}.task-board{grid-template-columns:1fr}.entity-grid{grid-template-columns:1fr}}
@media(max-width:850px){.layout{grid-template-columns:1fr}.content{padding:18px}.topbar{padding:14px 18px}.quick-grid{grid-template-columns:1fr}.folder-card>summary{align-items:flex-start;flex-direction:column}.folder-summary{justify-content:flex-start}.workspace-toolbar{align-items:stretch}.workspace-toolbar .field{width:100%}}
.manual-payer-box{margin-top:9px;border:1px solid var(--line);border-radius:10px;background:#f8faff}.manual-payer-box>summary{cursor:pointer;list-style:none;padding:8px 10px;color:var(--primary);font-size:12px;font-weight:750}.manual-payer-box>summary::-webkit-details-marker{display:none}.manual-payer-form{display:grid;gap:8px;padding:10px;border-top:1px solid var(--line)}
.payment-fix-box{border:1px solid var(--line);border-radius:9px;background:#f8fafc;margin-top:6px}.payment-fix-box>summary{cursor:pointer;list-style:none;padding:8px 10px;color:#42526d;font-size:12px;font-weight:700}.payment-fix-box>summary::-webkit-details-marker{display:none}.payment-fix-box>summary:after{content:"Открыть";float:right;color:var(--primary);font-size:10px}.payment-fix-box[open]>summary:after{content:"Скрыть"}.payment-fix-content{display:grid;gap:8px;padding:0 10px 10px}.payment-fix-content .manual-payer-box{margin-top:0;background:#fff}
