@import"https://fonts.googleapis.com/css2?family=Source+Serif+4:wght@500;600;700&family=IBM+Plex+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap";:root{--bg-0:#F7F4EE;--bg-1:#EFEBE1;--bg-2:#E7E1D3;--bg-3:#DCD5C4;--surface:#FFFFFF;--surface-2:#FBF9F3;--border:#E5E0D3;--accent:#1F5C57;--accent-dim:#E4EFEC;--accent-2:#C2592C;--accent-3:#6E5B9E;--amber:#D9A441;--amber-dark:#B9862B;--rost-tint:#FBEAE0;--violett-tint:#EEEAF6;--schiefer:#5B6472;--schiefer-tint:#EAECEF;--amber-tint:#FBF1DC;--warn-tint:#FBF1DC;--danger-tint:#FBEAE8;--success-tint:#E1F0E9;--text-1:#1C2420;--text-2:#4B564F;--text-3:#8A8F86;--danger:#B3413A;--warning:#B9862B;--success:#2E7D64;--shadow-sm:0 1px 2px rgba(28,36,32,.05);--shadow:0 1px 3px rgba(28,36,32,.09),0 1px 2px rgba(28,36,32,.05);--shadow-lg:0 14px 38px rgba(28,36,32,.16);--overlay-bg:rgba(22,29,26,.42);--topbar-bg:rgba(247,244,238,.85);--login-grad:linear-gradient(160deg,#F0EADD 0%,#F7F4EE 55%,#EBE4D4 100%);--font-head:"Source Serif 4",Georgia,serif;--font-body:"IBM Plex Sans",sans-serif;--font-mono:"IBM Plex Mono",monospace;--radius:12px;--radius-sm:8px;--radius-xs:6px;--transition:.18s cubic-bezier(.4,0,.2,1);--sidebar-w:238px;--header-h:60px;--sidebar-bg:#163F3C;--sidebar-fg:#EFE9DC;--sidebar-muted:#9FB0A8;--sidebar-nav:#C9D6D0;--sidebar-active-bg:#EFE9DC;--sidebar-active-fg:#163F3C;--sidebar-hover:rgba(255,255,255,.07);--sidebar-line:rgba(255,255,255,.09)}[data-theme=dark]{--bg-0:#14150F;--bg-1:#1D1E17;--bg-2:#26271F;--bg-3:#31322A;--surface:#1B1C15;--surface-2:#222318;--border:#33342A;--accent:#5BB5A6;--accent-dim:rgba(91,181,166,.16);--accent-2:#E08A5B;--accent-3:#A896D6;--amber:#E0B455;--amber-dark:#E0B455;--rost-tint:rgba(224,138,91,.16);--violett-tint:rgba(168,150,214,.18);--schiefer:#8A93A2;--schiefer-tint:rgba(138,147,162,.16);--amber-tint:rgba(217,164,65,.16);--warn-tint:rgba(217,164,65,.16);--danger-tint:rgba(233,115,107,.16);--success-tint:rgba(95,191,149,.16);--text-1:#ECE7DA;--text-2:#B0AC9C;--text-3:#7C7A6C;--danger:#E9736B;--warning:#E0B455;--success:#5FBF95;--shadow-sm:0 1px 2px rgba(0,0,0,.4);--shadow:0 2px 6px rgba(0,0,0,.45);--shadow-lg:0 16px 48px rgba(0,0,0,.6);--overlay-bg:rgba(0,0,0,.62);--topbar-bg:rgba(20,21,15,.85);--login-grad:linear-gradient(160deg,#1A1B14 0%,#14150F 60%,#191A12 100%);--sidebar-bg:#0F241F;--sidebar-fg:#EFE9DC;--sidebar-muted:#8FA39B;--sidebar-nav:#B7C6BF;--sidebar-active-bg:#5BB5A6;--sidebar-active-fg:#0F241F;--sidebar-hover:rgba(255,255,255,.06);--sidebar-line:rgba(255,255,255,.08)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);background:var(--bg-0);color:var(--text-1);min-height:100dvh;-webkit-font-smoothing:antialiased;transition:background var(--transition),color var(--transition)}img,svg{display:block}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit}a{color:inherit}.mono{font-family:var(--font-mono)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-1)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}#app{display:flex;min-height:100dvh}#shell{display:none;flex:1;flex-direction:column;min-width:0}#shell.visible{display:flex}.sidebar{width:var(--sidebar-w);background:var(--sidebar-bg);border-right:1px solid rgba(0,0,0,.18);display:flex;flex-direction:column;position:fixed;left:0;top:0;bottom:0;z-index:50;transition:transform var(--transition),background var(--transition)}.sidebar-logo{padding:20px 20px 16px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--sidebar-line)}.sidebar-logo-mark{width:34px;height:34px;background:linear-gradient(155deg,var(--amber),#C68C2E);border-radius:9px;display:flex;align-items:center;justify-content:center;color:#163f3c;font-family:var(--font-head);font-weight:700;flex-shrink:0}.sidebar-logo-text{font-family:var(--font-head);font-weight:700;font-size:1.2rem;color:#fffdf8;letter-spacing:.01em}.sidebar-nav{flex:1;padding:12px;overflow-y:auto;display:flex;flex-direction:column;gap:2px}.nav-item{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;color:var(--sidebar-nav);border:none;background:none;width:100%;text-align:left;transition:var(--transition)}.nav-item svg{flex-shrink:0;color:var(--sidebar-muted);transition:var(--transition)}.nav-item:hover{background:var(--sidebar-hover);color:#fffdf8}.nav-item:hover svg{color:#fffdf8}.nav-item.active{background:var(--sidebar-active-bg);color:var(--sidebar-active-fg);font-weight:600}.nav-item.active svg{color:var(--sidebar-active-fg)}.sidebar-bottom{padding:12px;border-top:1px solid var(--sidebar-line);display:flex;flex-direction:column;gap:8px}.theme-toggle{display:flex;align-items:center;gap:8px;padding:9px 11px;border-radius:var(--radius-sm);background:var(--sidebar-hover);border:1px solid var(--sidebar-line);color:var(--sidebar-nav);font-size:.8rem;font-weight:500;cursor:pointer;transition:var(--transition);width:100%}.theme-toggle:hover{border-color:#ffffff4d;color:#fffdf8}.theme-toggle-track{width:36px;height:20px;background:#ffffff2e;border-radius:10px;position:relative;margin-left:auto;transition:background var(--transition);flex-shrink:0}[data-theme=dark] .theme-toggle-track{background:var(--accent)}.theme-toggle-thumb{width:16px;height:16px;background:#efe9dc;border-radius:50%;position:absolute;top:2px;left:2px;transition:transform var(--transition);box-shadow:0 1px 4px #00000040}[data-theme=dark] .theme-toggle-thumb{transform:translate(16px)}.user-chip{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:var(--radius-sm);background:var(--sidebar-hover);border:1px solid var(--sidebar-line);cursor:pointer;transition:var(--transition);width:100%;font-size:.82rem;font-weight:500;color:var(--sidebar-fg)}.user-chip:hover{border-color:#ffffff4d}.user-avatar{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.main-content{margin-left:var(--sidebar-w);flex:1;display:flex;flex-direction:column;min-height:100dvh;min-width:0}.topbar{height:var(--header-h);background:var(--topbar-bg);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:12px;padding:0 24px;position:sticky;top:0;z-index:40}.topbar-title{font-family:var(--font-head);font-size:1.25rem;font-weight:600;color:var(--text-1);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page{padding:24px 28px 60px;flex:1;max-width:1320px;width:100%;margin:0 auto}#login-screen{position:fixed;inset:0;z-index:9000;background:var(--login-grad);display:flex;align-items:center;justify-content:center;padding:16px}.login-box{background:var(--surface);border:1px solid var(--border);border-radius:calc(var(--radius)*1.5);padding:36px;width:100%;max-width:440px;box-shadow:var(--shadow-lg)}.login-logo{font-family:var(--font-head);font-weight:700;font-size:1.9rem;color:var(--text-1);text-align:center;margin-bottom:4px}.login-logo span{color:var(--accent)}.login-sub{text-align:center;font-size:.875rem;color:var(--text-3);margin-bottom:24px}.login-user-btn{width:100%;background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 14px;display:flex;align-items:center;gap:12px;font-size:.9rem;color:var(--text-1);transition:var(--transition);margin-bottom:8px;text-align:left;cursor:pointer}.login-user-btn:hover{border-color:var(--accent);background:var(--accent-dim)}.login-user-name{font-weight:600}.login-user-role{font-size:.75rem;color:var(--text-3)}.login-divider{display:flex;align-items:center;gap:12px;margin:14px 0;color:var(--text-3);font-size:.8rem}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:var(--border)}.pin-field{display:none;flex-direction:column;gap:10px;margin-top:12px}.pin-field.show{display:flex}.form-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}.form-grid.cols-1{grid-template-columns:minmax(0,1fr)}.form-grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.form-group{display:flex;flex-direction:column;gap:5px;min-width:0}.form-group.full{grid-column:1/-1}.form-label{font-size:.72rem;font-weight:600;color:var(--text-2);text-transform:uppercase;letter-spacing:.07em}.form-input,.form-select,.form-textarea{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-1);font-size:.875rem;padding:10px 13px;outline:none;transition:var(--transition);width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim);background:var(--surface)}.form-input::placeholder{color:var(--text-3)}.form-textarea{resize:vertical;min-height:80px}input[type=file]{max-width:100%}.form-select option{background:var(--surface);color:var(--text-1)}.form-section{grid-column:1/-1;margin-top:6px;padding-bottom:7px;border-bottom:1px solid var(--border);font-family:var(--font-head);font-size:.8rem;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.08em}.toggle-group{display:flex;gap:8px;flex-wrap:wrap}.toggle-opt input[type=checkbox]{display:none}.toggle-opt{display:inline-flex;cursor:pointer}.toggle-opt span{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:20px;border:1px solid var(--border);background:var(--bg-1);color:var(--text-2);font-size:.82rem;cursor:pointer;transition:var(--transition)}.toggle-opt input:checked+span{background:var(--accent-dim);border-color:var(--accent);color:var(--accent);font-weight:600}.btn{display:inline-flex;align-items:center;gap:6px;border:none;border-radius:var(--radius-sm);font-weight:600;transition:var(--transition);cursor:pointer;white-space:nowrap;font-family:var(--font-body);line-height:1}.btn-primary{background:var(--accent);color:#fffdf8;padding:10px 17px;font-size:.875rem}.btn-primary:hover{filter:brightness(.94)}.btn-ghost{background:transparent;color:var(--text-2);border:1px solid var(--border);padding:7px 13px;font-size:.8rem}.btn-ghost:hover{background:var(--bg-1);color:var(--text-1);border-color:var(--accent)}.btn-danger{background:var(--danger-tint);color:var(--danger);border:1px solid transparent;padding:7px 13px;font-size:.8rem}.btn-danger:hover{filter:brightness(.96)}.btn-icon{background:var(--bg-1);color:var(--text-2);border:1px solid var(--border);width:36px;height:36px;padding:0;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center}.btn-icon:hover{color:var(--accent);border-color:var(--accent)}.btn-sm{padding:6px 11px;font-size:.75rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:28px}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:15px 16px;position:relative;overflow:hidden;box-shadow:var(--shadow-sm);cursor:pointer;transition:border-color var(--transition),background var(--transition);min-width:0}.stat-card:hover{border-color:var(--accent);background:var(--surface-2)}.stat-card-ico{position:absolute;top:13px;right:14px;width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:var(--accent-dim);color:var(--accent)}.stat-card.c-orange .stat-card-ico{background:var(--rost-tint);color:var(--accent-2)}.stat-card.c-purple .stat-card-ico{background:var(--violett-tint);color:var(--accent-3)}.stat-card.c-danger .stat-card-ico{background:var(--danger-tint);color:var(--danger)}.stat-card-arrow{display:none}.stat-label{font-size:.78rem;font-weight:500;color:var(--text-2);margin-bottom:8px;padding-right:34px}.stat-value{font-family:var(--font-head);font-size:1.65rem;font-weight:600;line-height:1;letter-spacing:-.01em;color:var(--text-1)}.stat-sub{font-size:.75rem;color:var(--text-3);margin-top:5px}.section-hdr{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.section-title{font-family:var(--font-head);font-size:1.1rem;font-weight:600;color:var(--text-1)}.filter-bar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px;align-items:center}.filter-bar .form-input{flex:1;min-width:200px;padding:11px 14px}.filter-bar .form-select{min-width:150px;padding:11px 14px;width:auto}.contracts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(285px,1fr));gap:20px}.contract-card{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:22px 18px 16px;margin-top:11px;cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-sm);min-width:0;--cat:var(--accent);--cat-tint:var(--accent-dim)}.contract-card:hover{border-color:var(--accent);box-shadow:var(--shadow)}.contract-card.cat-VERSICHERUNG{--cat:var(--accent);--cat-tint:var(--accent-dim)}.contract-card.cat-FAHRZEUG{--cat:var(--accent-2);--cat-tint:var(--rost-tint)}.contract-card.cat-TELEKOMMUNIKATION{--cat:var(--accent-3);--cat-tint:var(--violett-tint)}.contract-card.cat-ENERGIE{--cat:var(--amber-dark);--cat-tint:var(--amber-tint)}.contract-card.cat-FINANZEN{--cat:var(--success);--cat-tint:var(--success-tint)}.contract-card.cat-WOHNEN{--cat:#3B6CA8;--cat-tint:rgba(59,108,168,.13)}.contract-card.cat-SOFTWARE{--cat:#2E8B8B;--cat-tint:rgba(46,139,139,.13)}.contract-card.cat-SONSTIGE{--cat:var(--schiefer);--cat-tint:var(--schiefer-tint)}.card-tab{position:absolute;top:-11px;left:18px;padding:4px 11px 6px;border-radius:6px 6px 0 0;font-size:.63rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#fffdf8;background:var(--cat);display:inline-flex;align-items:center;gap:5px}.card-status{position:absolute;top:18px;right:16px;font-size:.66rem;font-weight:600;color:var(--cat);background:var(--cat-tint);padding:3px 9px;border-radius:20px}.card-ico{width:38px;height:38px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:17px;margin:6px 0 12px;background:var(--cat-tint);color:var(--cat);overflow:hidden}.contract-card .card-title{font-family:var(--font-head);font-size:1rem;font-weight:700;line-height:1.25;margin-bottom:2px;padding-right:66px}.card-issuer{font-size:.8rem;color:var(--text-2);margin-bottom:12px}.card-price{display:inline-block;font-family:var(--font-mono);font-size:.78rem;font-weight:500;background:var(--amber-tint);color:var(--amber-dark);padding:4px 10px;border-radius:6px;margin-bottom:10px}.card-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:.78rem;color:var(--text-2);margin-bottom:10px}.card-meta span{display:flex;align-items:center;gap:4px}.card-tags{display:flex;gap:6px;margin-top:2px;margin-bottom:2px;flex-wrap:wrap}.card-tag{font-size:.68rem;padding:3px 9px;border-radius:6px;background:var(--schiefer-tint);color:var(--schiefer)}.card-ref{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-family:var(--font-mono);font-size:.7rem;color:var(--text-3);padding-top:11px;margin-top:12px;border-top:1px dashed var(--border)}.card-actions{display:flex;gap:8px;margin-top:14px}.card-actions .btn-edit{flex:1;background:var(--accent-dim);color:var(--accent);border:none;border-radius:8px;padding:9px;font-size:.8rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:6px;transition:var(--transition)}.card-actions .btn-edit:hover{filter:brightness(.96)}.card-actions .btn-del{width:38px;background:var(--danger-tint);color:var(--danger);border:none;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.85rem;transition:var(--transition)}.card-actions .btn-del:hover{filter:brightness(.96)}.card-chips{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:12px}.chip{font-size:.72rem;color:var(--text-2);background:var(--bg-1);padding:3px 8px;border-radius:20px;display:flex;align-items:center;gap:4px;border:1px solid var(--border)}.chip.accent{color:var(--accent);background:var(--accent-dim);border-color:transparent;font-weight:600}.chip.warn{color:var(--warning);background:var(--warn-tint);border-color:transparent}.chip.danger{color:var(--danger);background:var(--danger-tint);border-color:transparent}.modal-overlay{position:fixed;inset:0;z-index:1000;background:var(--overlay-bg);backdrop-filter:blur(6px);display:none;align-items:center;justify-content:center;padding:16px}.modal-overlay.open{display:flex}.modal{background:var(--surface);border:1px solid var(--border);border-radius:calc(var(--radius)*1.4);width:100%;max-width:700px;max-height:92dvh;display:flex;flex-direction:column;box-shadow:var(--shadow-lg);animation:modalIn .26s cubic-bezier(.34,1.56,.64,1)}@keyframes modalIn{0%{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{padding:20px 24px 14px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.modal-title{font-family:var(--font-head);font-size:1.15rem;font-weight:600}.modal-body{padding:18px 24px;overflow-y:auto;flex:1}.modal-footer{padding:12px 24px 20px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:8px;flex-shrink:0}.conditional{display:none}.conditional.show{display:contents}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.detail-item{background:var(--bg-1);border-radius:var(--radius-sm);padding:10px 13px;border:1px solid var(--border)}.detail-item.full{grid-column:1/-1}.detail-key{font-size:.7rem;font-weight:600;color:var(--text-3);text-transform:uppercase;letter-spacing:.07em;margin-bottom:3px}.detail-val{font-size:.875rem;color:var(--text-1);font-weight:500}.detail-val a{color:var(--accent);text-decoration:none}.detail-val a:hover{text-decoration:underline}.detail-val.emergency a{color:var(--danger);font-weight:600}.alert-banner{background:var(--warn-tint);border:1px solid transparent;border-radius:var(--radius-sm);padding:10px 14px;margin-bottom:8px;display:flex;align-items:center;gap:12px;font-size:.875rem;cursor:pointer;transition:var(--transition)}.alert-banner:hover{filter:brightness(.97)}.alert-banner.danger{background:var(--danger-tint)}.summary-table{width:100%;border-collapse:collapse;font-size:.875rem}.summary-table th{text-align:left;padding:10px 14px;font-size:.7rem;text-transform:uppercase;letter-spacing:.07em;font-weight:700;color:var(--text-3);border-bottom:2px solid var(--border)}.summary-table td{padding:10px 14px;border-bottom:1px solid var(--bg-2)}.summary-table tr:last-child td{border-bottom:none;font-weight:700;color:var(--accent);background:var(--bg-1)}.summary-table tr:hover td{background:var(--bg-1)}.summary-tabs{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap}.summary-tab{font-size:.8rem;padding:6px 13px;border-radius:20px;border:1px solid var(--border);background:transparent;color:var(--text-2);cursor:pointer;transition:var(--transition);font-weight:500}.summary-tab.active{background:var(--accent-dim);border-color:var(--accent);color:var(--accent);font-weight:700}.settings-grid{column-count:2;column-gap:14px;margin-bottom:0}.settings-grid>*{break-inside:avoid;-webkit-column-break-inside:avoid}.settings-grid .settings-section{margin-bottom:14px}.settings-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm)}.settings-section-hdr{padding:12px 16px;font-family:var(--font-head);font-weight:600;font-size:.95rem;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:8px}.settings-row{padding:10px 16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--bg-2);font-size:.85rem;gap:14px}.settings-row:last-child{border-bottom:none}.settings-row-label{color:var(--text-1);font-weight:500}.settings-row-sub{font-size:.75rem;color:var(--text-3);margin-top:2px}.user-card{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-sm);padding:11px 13px;display:flex;align-items:center;gap:12px;margin-bottom:8px}.user-card-info{flex:1}.user-card-name{font-weight:600;font-size:.875rem}.user-card-meta{font-size:.75rem;color:var(--text-3);margin-top:2px}.role-badge{font-size:.68rem;padding:2px 8px;border-radius:10px;font-weight:700}.role-badge.ADMIN,.role-badge.OWNER{background:var(--violett-tint);color:var(--accent-3)}.role-badge.USER,.role-badge.MEMBER{background:var(--accent-dim);color:var(--accent)}.role-badge.READONLY,.role-badge.VIEWER{background:var(--bg-2);color:var(--text-3)}.color-picker{display:flex;gap:8px;flex-wrap:wrap}.color-swatch{width:28px;height:28px;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:var(--transition)}.color-swatch.selected{border-color:var(--text-1)!important;transform:scale(1.15)}.toast-container{position:fixed;bottom:24px;right:24px;z-index:2000;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:var(--radius-sm);padding:11px 15px;font-size:.875rem;display:flex;align-items:center;gap:10px;animation:toastIn .28s ease;max-width:320px;pointer-events:all}@keyframes toastIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.toast.success{border-left:3px solid var(--success)}.toast.error{border-left:3px solid var(--danger)}.toast.info{border-left:3px solid var(--accent)}.empty-state{text-align:center;padding:52px 24px;color:var(--text-3)}.empty-icon{font-size:38px;margin-bottom:12px;opacity:.4}.empty-state h3{font-family:var(--font-head);font-size:1.05rem;color:var(--text-2);margin-bottom:6px;font-weight:600}.empty-state p{font-size:.875rem}.widget-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.widget-section{animation:fadeIn .3s ease}.dash-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}.dash-widget{position:relative;min-width:0;grid-column:span 2}.dash-widget.half{grid-column:span 1}.dash-grip{position:absolute;top:-14px;right:8px;font-size:15px;line-height:1;letter-spacing:-2px;color:var(--text-3);opacity:.45;pointer-events:none;user-select:none}.dash-widget{cursor:grab}.dash-widget:active{cursor:grabbing}.dash-widget.dragging{opacity:.45}.dash-widget.drag-over{outline:2px dashed var(--accent);outline-offset:4px;border-radius:var(--radius)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;padding:4px 0}.template-card{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px 10px;text-align:center;cursor:pointer;transition:var(--transition);display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0}.template-card:hover{border-color:var(--accent);background:var(--accent-dim)}.template-icon{font-size:28px;line-height:1}.template-name{font-size:.8rem;font-weight:700;color:var(--text-1);max-width:100%;overflow-wrap:anywhere;hyphens:auto}.template-desc{font-size:.7rem;color:var(--text-3);line-height:1.3;overflow-wrap:anywhere}.install-banner{display:none;background:var(--accent-dim);border:1px solid transparent;border-radius:var(--radius-sm);padding:10px 14px;margin-bottom:18px;align-items:center;gap:12px;font-size:.875rem}.install-banner.show{display:flex}.sidebar-overlay{display:none;position:fixed;inset:0;z-index:49;background:var(--overlay-bg);backdrop-filter:blur(2px)}.sidebar-overlay.show{display:block}@media (max-width:768px){.sidebar{transform:translate(-100%);width:min(var(--sidebar-w),85vw);box-shadow:var(--shadow-lg)}.sidebar.open{transform:translate(0)}.main-content{margin-left:0}.topbar{padding:0 14px;gap:10px}.topbar-title{font-size:1.1rem}.topbar #btn-new-contract span{display:none}.topbar #btn-new-contract{padding:0;width:38px;height:38px;justify-content:center;flex-shrink:0}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:45;background:var(--surface);border-top:1px solid var(--border);padding:6px 0 calc(6px + env(safe-area-inset-bottom));box-shadow:0 -4px 16px #00000014}.bottom-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 4px;border:none;background:none;color:var(--text-3);font-size:.65rem;font-weight:600;font-family:var(--font-body);cursor:pointer;transition:var(--transition)}.bottom-nav-item svg{width:20px;height:20px}.bottom-nav-item.active{color:var(--accent)}.page{padding:14px 14px calc(72px + env(safe-area-inset-bottom))}.form-grid{grid-template-columns:minmax(0,1fr)}.form-grid.cols-3{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.detail-grid,.contracts-grid{grid-template-columns:1fr}.dash-grid{grid-template-columns:1fr;gap:16px}.dash-widget,.dash-widget.half{grid-column:auto}.modal-footer{flex-wrap:wrap}.modal-footer .btn{flex:1 1 calc(50% - 4px);justify-content:center}.contract-card{padding:20px 14px 12px}.card-ico{width:30px;height:30px;font-size:14px;margin:2px 0 8px}.contract-card .card-title{font-size:.95rem;padding-right:58px}.card-issuer{margin-bottom:8px}.card-price{display:inline-flex;vertical-align:middle;margin:0 8px 8px 0}.card-meta{display:inline-flex;vertical-align:middle;margin-bottom:8px}.card-ref{padding-top:9px;margin-top:8px}.card-actions{margin-top:10px}.stats-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px}.stat-value{font-size:1.5rem}.stat-card{padding:14px 15px}.stat-card-arrow{display:none}.stat-label{font-size:.72rem}.stat-sub{font-size:.68rem}.contract-card{padding:22px 16px 16px}.modal-overlay{padding:0;align-items:flex-end}.modal{max-width:100%;max-height:95dvh;border-bottom-left-radius:0;border-bottom-right-radius:0;border-radius:calc(var(--radius)*1.4) calc(var(--radius)*1.4) 0 0}.filter-bar{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}.filter-bar .form-select{flex-shrink:0}.summary-tabs{flex-wrap:nowrap;overflow-x:auto}.summary-tab{flex-shrink:0}.settings-row{flex-wrap:wrap;gap:10px}.settings-grid{column-count:1}}@media (min-width:769px){.bottom-nav{display:none}.sidebar-overlay{display:none!important}}@media (max-width:400px){.stats-grid{grid-template-columns:1fr 1fr;gap:8px}.stat-value{font-size:1.3rem}.form-grid.cols-3{grid-template-columns:1fr}}