:root{color:#17313b;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--ink:#17313b;--muted:#5b6d71;--panel:#fffcf7d6;--panel-strong:#fffef8;--line:#17313b1f;--accent:#15616d;--accent-strong:#0b4650;--warning:#9b3d12;--ok:#245c2a;--shadow:0 20px 60px #263c4024;background:radial-gradient(circle at 0 0,#ffd48ea6,#0000 26%),linear-gradient(#fbf6eb 0%,#f2f1eb 42%,#e8efe8 100%);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}#app{min-height:100vh}.shell{grid-template-columns:280px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{color:#f4efe3;background:#0e3339eb;flex-direction:column;gap:24px;min-height:100vh;padding:28px 24px;display:flex;position:sticky;top:0}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:inherit;opacity:.72;margin:0 0 6px;font-size:.78rem}.sidebar h1,.content h2,.content h3{font-family:Georgia,Times New Roman,serif}.sidebar h1{margin:0;font-size:2.2rem;line-height:1}.lead{color:#f4efe3c7;margin:12px 0 0}.nav{gap:10px;display:grid}.nav-link{color:inherit;text-align:left;background:0 0;border:1px solid #f4efe32e;border-radius:14px;padding:12px 14px;transition:background-color .2s,transform .2s}.nav-link:hover,.nav-link.active{background:#f4efe31f;transform:translate(2px)}.status-card,.panel,.hero-panel,.banner{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.status-card{background:#f4efe314;border:1px solid #f4efe32e;border-radius:18px;margin-top:auto;padding:16px}.status-card p,.panel-header p,.guide-grid p{margin:8px 0 0}.content{gap:20px;padding:28px;display:grid}.hero-panel,.panel{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:26px}.hero-panel{padding:22px}.hero-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:18px;display:grid}.hero-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-grid article,.guide-grid article{border:1px solid var(--line);background:var(--panel-strong);border-radius:18px;padding:16px}.hero-grid span{color:var(--muted);font-size:.92rem;display:block}.hero-grid strong{margin-top:10px;font-size:2rem;display:block}.banner{border:1px solid var(--line);border-radius:18px;padding:14px 18px}.banner.success{color:var(--ok);background:#d0edd0d9}.banner.error{color:var(--warning);background:#ffe6d4f2}.panel{padding:22px}.hidden{display:none}.panel-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.panel-header h2,.guide-grid h3{margin:0}.guide-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.form-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:14px;display:grid}.form-grid label,.report-filters label{color:var(--muted);gap:8px;font-size:.92rem;display:grid}.form-grid input,.form-grid select,.form-grid textarea,.report-filters input,.report-filters select{width:100%;color:var(--ink);background:#ffffffd9;border:1px solid #17313b29;border-radius:14px;padding:12px 14px}.form-grid textarea{resize:vertical}.form-flags{gap:10px;padding:4px 0;display:grid}.checkbox-row{align-items:center;gap:10px;color:var(--ink)!important;display:flex!important}.checkbox-row input{width:auto}.primary{background:linear-gradient(135deg, var(--accent), var(--accent-strong));color:#f8faf8;border:none;border-radius:14px;padding:13px 18px;font-weight:600}.table-wrap{border:1px solid var(--line);border-radius:18px;margin-top:18px;overflow:auto}table{border-collapse:collapse;background:#ffffffad;width:100%;min-width:760px}th,td{text-align:left;border-bottom:1px solid #17313b14;padding:12px 14px}th{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);background:#e8efe8f2;font-size:.86rem}.empty{text-align:center;color:var(--muted)}.report-filters{grid-template-columns:repeat(2,minmax(0,260px));gap:14px;display:grid}@media (width<=768px){.shell{grid-template-columns:1fr}.sidebar{min-height:auto;position:static}.hero-grid,.guide-grid,.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.content,.sidebar{padding:18px}.hero-grid,.hero-grid.compact,.guide-grid,.form-grid,.report-filters{grid-template-columns:1fr}.sidebar h1{font-size:1.8rem}.panel,.hero-panel{padding:18px}}
