@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #0f172a;--surface: #1e293b;--surface2: #334155;--border: #475569;--text: #f1f5f9;--muted: #94a3b8;--accent: #3b82f6}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg);color:var(--text)}.app{display:flex;min-height:100vh}.sidebar{width:220px;background:var(--surface);border-right:1px solid var(--border);padding:1.5rem 0;display:flex;flex-direction:column;gap:.25rem;position:fixed;height:100vh}.logo{display:flex;align-items:center;gap:.75rem;padding:0 1.25rem 1.5rem;font-size:1.2rem;font-weight:700;color:var(--accent)}.sidebar button{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.25rem;background:none;border:none;color:var(--muted);font-size:.9rem;cursor:pointer;transition:all .15s;text-align:left;width:100%}.sidebar button:hover{background:var(--surface2);color:var(--text)}.sidebar button.active{background:var(--accent)22;color:var(--accent);border-right:3px solid var(--accent)}.sidebar-spacer{flex:1}.sidebar-user{padding:.75rem 1.25rem;font-size:.8rem;color:var(--muted);border-top:1px solid var(--border);display:flex;align-items:center;gap:.5rem}.user-edit{background:none;border:none;cursor:pointer;font-size:.8rem;padding:0;width:auto!important;min-width:0!important}.export-btn{border-top:1px solid var(--border)!important;color:#7c3aed!important}.export-btn:hover{background:#7c3aed22!important}.content{flex:1;margin-left:220px;padding:2rem;max-width:1400px}h1{font-size:1.75rem;margin-bottom:1.5rem}h2{font-size:1.25rem;margin:2rem 0 1rem;color:var(--muted)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.stat-card{background:var(--surface);border-radius:12px;padding:1.5rem;border-left:4px solid}.stat-card.red{border-color:#ef4444}.stat-card.orange{border-color:#f97316}.stat-card.blue{border-color:#3b82f6}.stat-card.purple{border-color:#7c3aed}.stat-value{font-size:1.75rem;font-weight:700;margin-bottom:.25rem}.stat-label{color:var(--muted);font-size:.85rem}.level-overview{background:var(--surface);border-radius:12px;padding:1.5rem;margin-top:1.5rem}.level-overview h2{margin:0 0 1rem;color:var(--text);font-size:1.1rem}.level-bars{display:flex;flex-direction:column;gap:.75rem}.level-bar-row{display:flex;align-items:center;gap:1rem}.level-label{width:110px;font-size:.85rem;font-weight:600}.level-bar-bg{flex:1;height:24px;background:var(--surface2);border-radius:6px;overflow:hidden}.level-bar-fill{height:100%;border-radius:6px;transition:width .5s;min-width:2px}.level-count{width:30px;text-align:right;font-weight:600;font-size:.9rem}.table-wrap{overflow-x:auto;background:var(--surface);border-radius:12px}table{width:100%;border-collapse:collapse}thead{background:var(--surface2)}th{padding:.75rem 1rem;text-align:left;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:600;white-space:nowrap}td{padding:.75rem 1rem;border-top:1px solid var(--border);font-size:.9rem;white-space:nowrap}tr.clickable{cursor:pointer}tr.clickable:hover{background:var(--surface2)}tr.row-warning{background:#ef444414}tr.row-warning:hover{background:#ef444426!important}.badge{display:inline-block;padding:.2rem .6rem;border-radius:999px;font-size:.75rem;font-weight:600;color:#fff}.badge.large{font-size:.9rem;padding:.4rem 1rem}.amount{font-variant-numeric:tabular-nums;font-weight:500}.mono{font-family:JetBrains Mono,monospace;font-size:.85rem}.toolbar{display:flex;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.search-input,.filter-select{background:var(--surface);border:1px solid var(--border);color:var(--text);padding:.6rem 1rem;border-radius:8px;font-size:.9rem}.search-input{flex:1;min-width:200px}.search-input:focus,.filter-select:focus{outline:none;border-color:var(--accent)}.filter-select{cursor:pointer}.filter-select option{background:var(--surface)}.back-btn{background:none;border:1px solid var(--border);color:var(--muted);padding:.5rem 1rem;border-radius:8px;cursor:pointer;font-size:.85rem;margin-bottom:1rem}.back-btn:hover{color:var(--text);border-color:var(--text)}.detail-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.subtitle{color:var(--muted);font-size:.95rem;margin-top:.25rem}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.info-card{background:var(--surface);border-radius:12px;padding:1.25rem}.info-card h3{font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:.75rem}.info-card p{margin-bottom:.4rem;font-size:.9rem}.big-number{font-size:1.75rem;font-weight:700;color:#ef4444}.muted{color:var(--muted)}.timeline{position:relative;padding-left:2rem}.timeline:before{content:"";position:absolute;left:7px;top:0;bottom:0;width:2px;background:var(--border)}.timeline-item{position:relative;padding-bottom:1.25rem}.timeline-dot{width:14px;height:14px;border-radius:50%;position:absolute;left:-2rem;top:2px;border:2px solid var(--bg)}.timeline-content{display:flex;gap:1rem;align-items:baseline}.timeline-date{font-size:.8rem;color:var(--muted);min-width:80px}.timeline-action{font-size:.9rem}.doc-icons{display:flex;gap:.25rem}.icon-btn{background:var(--surface2);border:1px solid var(--border);border-radius:6px;padding:.35rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.icon-btn:hover{background:var(--accent)33;border-color:var(--accent)}.notes-section{background:var(--surface);border-radius:12px;overflow:hidden}.note-item{padding:1rem 1.25rem;border-bottom:1px solid var(--border)}.note-header{display:flex;justify-content:space-between;margin-bottom:.4rem;font-size:.85rem}.note-input-row{display:flex;gap:.5rem;padding:1rem 1.25rem}.btn-primary{background:var(--accent);color:#fff;border:none;padding:.6rem 1.25rem;border-radius:8px;font-size:.9rem;cursor:pointer;font-weight:600;white-space:nowrap}.btn-primary:hover{background:#2563eb}.warning-banner{display:flex;gap:1rem;align-items:flex-start;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:12px;padding:1rem 1.25rem;margin-bottom:1.5rem}.warning-banner span{font-size:1.5rem}.warning-banner strong{color:#ef4444}.warning-banner p{color:var(--muted);font-size:.85rem;margin-top:.25rem}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100}.modal{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:1.5rem;min-width:350px;max-width:90vw}.modal h3{margin-bottom:.25rem}@media(max-width:768px){.sidebar{display:none}.content{margin-left:0;padding:1rem}}