*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:#0b0f1a;color:#e8ecf8}a{color:#7eb4ff}button,input{font:inherit}.muted{color:#9aa8c4}.error{color:#ff8a9a;margin:0}.btn{border:1px solid #3a4a68;border-radius:10px;padding:.55rem 1rem;background:#141b2e;color:#e8ecf8;cursor:pointer}.btn.primary{background:#2a5fd4;border-color:#4d7ef0;width:100%}.btn.ghost{background:transparent}.btn:disabled{opacity:.6;cursor:not-allowed}.login-page{min-height:100vh;display:grid;place-items:center;padding:1.5rem}.login-card{width:min(400px,100%);background:#12182a;border:1px solid #2a3550;border-radius:16px;padding:1.75rem;display:grid;gap:1rem}.login-card h1{margin:0;font-size:1.5rem}.login-card label{display:grid;gap:.35rem;font-size:.9rem}.login-card input{border:1px solid #33415f;border-radius:8px;padding:.55rem .7rem;background:#0b1020;color:#e8ecf8}.shell{min-height:100vh;display:grid;grid-template-columns:240px 1fr}.sidebar{background:#0e1424;border-right:1px solid #24304a;padding:1.25rem 1rem;display:flex;flex-direction:column;gap:1.25rem}.brand{font-weight:700;font-size:1.1rem}.nav{display:grid;gap:.35rem}.nav a{text-decoration:none;color:#b8c4dc;padding:.5rem .65rem;border-radius:8px}.nav a.active{background:#1a2d52;color:#fff}.nav-disabled{color:#5c6b88;padding:.5rem .65rem;font-size:.85rem}.sidebar-foot{margin-top:auto;display:grid;gap:.35rem}.user-email{font-size:.85rem;word-break:break-all}.user-role{font-size:.8rem;color:#7eb4ff}.main{padding:1.5rem 1.75rem}.page-header h1{margin:0 0 .25rem}.field-label{display:block;margin-bottom:.35rem;font-size:.9rem;color:#9aa8c4}.code-editor{width:100%;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.82rem;line-height:1.45;padding:.75rem;border-radius:10px;border:1px solid #2a3550;background:#0a0e18;color:#d8e2ff;resize:vertical}.template-hint{font-size:.85rem;margin:.5rem 0 1rem}.report-details-cell{max-width:220px;font-size:.9rem;color:#b8c4dc}.locale-breakdown{margin:.5rem 0 0;padding-left:1.25rem;color:#c5d0ea}.export-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));margin-bottom:1.5rem}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-top:1.25rem}.stat-card{background:#12182a;border:1px solid #2a3550;border-radius:14px;padding:1rem 1.1rem}.stat-label{margin:0;color:#9aa8c4;font-size:.9rem}.stat-value{margin:.35rem 0 0;font-size:1.75rem;font-weight:700}.phase-hint{margin-top:2rem;font-size:.9rem}.toolbar{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.toolbar input,.toolbar select,.stack input,.stack textarea{border:1px solid #33415f;border-radius:8px;padding:.5rem .65rem;background:#0b1020;color:#e8ecf8}.stack{display:grid;gap:.5rem}.btn-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.btn.danger{background:#6b1a28;border-color:#b33a52}.table-wrap{overflow-x:auto;border:1px solid #2a3550;border-radius:12px}.data-table{width:100%;border-collapse:collapse;font-size:.9rem}.data-table th,.data-table td{padding:.55rem .65rem;border-bottom:1px solid #1e2a42;text-align:left}.data-table th{color:#9aa8c4;font-weight:600}.mono{font-family:ui-monospace,Menlo,monospace;font-size:.82rem}.badge{display:inline-block;padding:.15rem .45rem;border-radius:6px;font-size:.75rem;font-weight:600}.badge.ok{background:#12351f;color:#6fe08f}.badge.bad{background:#3a1420;color:#ff9aaa}.badge.warn{background:#3a2e12;color:#ffd27a}.pager{display:flex;align-items:center;gap:.75rem;margin-top:1rem}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin-top:1rem}.detail-card{background:#12182a;border:1px solid #2a3550;border-radius:14px;padding:1rem}.detail-card.wide{grid-column:1 / -1}.detail-card h2{margin:0 0 .75rem;font-size:1rem}.kv{display:grid;grid-template-columns:120px 1fr;gap:.35rem .75rem;margin:0}.kv dt{color:#9aa8c4}.kv dd{margin:0}.section-block{margin-top:2rem}.row-header{display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-start;justify-content:space-between}.preview-lg{width:min(320px,100%);border-radius:12px;border:1px solid #2a3550}.thumb{width:64px;height:40px;object-fit:cover;border-radius:6px}.likers-list{margin:0;padding-left:1.2rem;color:#c5d0e6}