@import"https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&family=DM+Sans:opsz,wght@9..40,300;400;500;600;700&display=swap";:root{--bg-base: #06080f;--bg-panel: #0c1120;--bg-card: #101828;--bg-hover: #162035;--border: #1e2d45;--border-lg: #263852;--text-primary: #f0f5ff;--text-secondary: #8ba3c7;--text-muted: #3d5470;--text-mono: #38d9f5;--accent: #3b82f6;--accent-glow: #3b82f655;--accent2: #8b5cf6;--accent3: #06b6d4;--success: #10d98a;--warning: #fbbf24;--danger: #f43f5e;--info: #38bdf8;--purple: #a78bfa;--orange: #fb923c;--font-ui: "DM Sans", sans-serif;--font-mono: "Space Mono", monospace;--radius-sm: 6px;--radius: 10px;--radius-lg: 16px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:15px}body{font-family:var(--font-ui);background:var(--bg-base);color:var(--text-primary);min-height:100vh;-webkit-font-smoothing:antialiased;background-image:radial-gradient(ellipse at 10% 20%,#0d1f4022 0%,transparent 50%),radial-gradient(ellipse at 90% 80%,#1a0d3522 0%,transparent 50%)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--accent),var(--accent2));border-radius:99px}h1{font-size:1.5rem;font-weight:700}h2{font-size:1.2rem;font-weight:600}h3{font-size:1rem;font-weight:600}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border-radius:var(--radius-sm);font-family:var(--font-ui);font-size:.875rem;font-weight:600;cursor:pointer;border:none;transition:all .18s;white-space:nowrap;letter-spacing:.01em}.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;box-shadow:0 2px 16px #3b82f633}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 28px #3b82f655}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--border-lg)}.btn-ghost:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--accent3)}.btn-danger{background:transparent;color:var(--danger);border:1px solid #f43f5e33}.btn-danger:hover{background:#f43f5e18}.btn-sm{padding:5px 12px;font-size:.8rem}.btn:disabled{opacity:.35;cursor:not-allowed;transform:none!important}.form-group{display:flex;flex-direction:column;gap:5px}.form-label{font-size:.73rem;color:var(--accent3);font-weight:600;letter-spacing:.07em;text-transform:uppercase}.form-input,.form-select,.form-textarea{background:#080e1a;border:1px solid var(--border-lg);color:var(--text-primary);border-radius:var(--radius-sm);padding:9px 13px;font-family:var(--font-ui);font-size:.875rem;outline:none;transition:all .18s;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #3b82f622;background:#0d1628}.form-textarea{resize:vertical;min-height:80px}.form-select option{background:#101828}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--accent2)55,var(--accent3)55,transparent)}.table-wrap{overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--bg-card);box-shadow:0 8px 40px #0004}table{width:100%;border-collapse:collapse;font-size:.875rem}thead tr{background:linear-gradient(90deg,#0a1525,#0f1e38);border-bottom:1px solid var(--border-lg)}thead th{padding:13px 16px;text-align:left;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--accent3);white-space:nowrap}tbody tr{border-top:1px solid #151f35;transition:background .12s}tbody tr:hover{background:linear-gradient(90deg,#142038bb,#1a2a45bb)}tbody td{padding:11px 16px;vertical-align:middle}.td-mono{font-family:var(--font-mono);font-size:.78rem;color:var(--text-mono)}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:99px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}.badge-draft{background:#3d547022;color:#8ba3c7;border:1px solid #3d547066}.badge-review{background:#fbbf2422;color:#fbbf24;border:1px solid #fbbf2466}.badge-approved{background:#10d98a22;color:#10d98a;border:1px solid #10d98a66}.badge-obsolete{background:#3d547022;color:#3d5470;border:1px solid #3d547044}.badge-open{background:#f43f5e22;color:#f87191;border:1px solid #f43f5e66}.badge-in_progress{background:#fbbf2422;color:#fcd34d;border:1px solid #fbbf2466}.badge-closed{background:#10d98a22;color:#10d98a;border:1px solid #10d98a66}.badge-outgoing{background:#3b82f622;color:#60a5fa;border:1px solid #3b82f666}.badge-incoming{background:#a78bfa22;color:#c4b5fd;border:1px solid #a78bfa66}.badge-nc{background:#f43f5e22;color:#f87191;border:1px solid #f43f5e66}.badge-obs{background:#fbbf2422;color:#fcd34d;border:1px solid #fbbf2466}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;flex-wrap:wrap;gap:12px}.page-title{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#f0f5ff 30%,var(--accent3));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-title span{font-size:.9rem;font-weight:400;-webkit-text-fill-color:var(--text-muted);margin-left:8px}.toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:18px}.search-input{background:var(--bg-card);border:1px solid var(--border-lg);color:var(--text-primary);border-radius:var(--radius-sm);padding:8px 12px 8px 36px;font-size:.875rem;outline:none;transition:all .18s;min-width:220px}.search-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #3b82f622}.search-wrap{position:relative}.search-wrap svg{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--accent3);pointer-events:none}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:999;padding:16px;animation:fadeIn .15s ease}.modal{background:linear-gradient(160deg,#0f1e38,#0a1220);border:1px solid var(--border-lg);border-radius:var(--radius-lg);width:100%;max-width:580px;max-height:90vh;overflow-y:auto;animation:slideUp .22s cubic-bezier(.34,1.4,.64,1);box-shadow:0 32px 80px #0007,0 0 0 1px #3b82f618,0 0 60px #3b82f611}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border);background:linear-gradient(90deg,#0d1f42,#111a32)}.modal-body{padding:24px;display:flex;flex-direction:column;gap:16px}.modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:16px 24px;border-top:1px solid var(--border);background:#080e1a}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(24px) scale(.96);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.text-muted{color:var(--text-muted)}.text-danger{color:var(--danger)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.mono{font-family:var(--font-mono);font-size:.82rem;color:var(--text-mono)}@media (max-width: 768px){.grid-2,.grid-3{grid-template-columns:1fr}.page-header{flex-direction:column;align-items:flex-start}}@media (max-width: 600px){thead{display:none}tbody tr{display:block;border:1px solid var(--border);margin-bottom:8px;border-radius:var(--radius);background:var(--bg-card)}tbody td{display:flex;justify-content:space-between;padding:8px 14px;border-top:1px solid var(--border)}tbody td:before{content:attr(data-label);color:var(--accent3);font-size:.72rem;font-weight:700;text-transform:uppercase}}@media print{body{background:#fff;color:#000}.no-print{display:none!important}}