:root{--bg:#e8eaed;--panel:#fff;--panel-soft:#f4f5f7;--border:#d0d4d8;--border-strong:#c5c9ce;--text:#111;--text-secondary:#333;--muted:#4a4a4a;--accent:#1d4f9c;--accent-soft:#e8f0fa;--danger:#a12020;--danger-soft:#fde8e8;--ok:#0b5c0b;--ok-soft:#e8f5e9;--radius:12px;--radius-sm:10px;--shadow:0 1px 2px #0000000a;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.45}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--bg);color:var(--text)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button,input,select{font:inherit;color:var(--text)}.shell{flex-direction:column;min-height:100vh;display:flex}.topbar{background:var(--panel);border-bottom:1px solid var(--border);z-index:20;align-items:center;gap:1rem;padding:.85rem 1.25rem;display:flex;position:sticky;top:0}.brand{color:var(--text);letter-spacing:-.02em;font-size:1.05rem;font-weight:650;text-decoration:none}.brand:hover{text-decoration:none}.brand-one{color:var(--accent)}.topnav{flex:1;align-items:center;gap:1rem;display:flex}.nav-link{color:var(--text-secondary);font-size:.9rem;text-decoration:none}.nav-link:hover,.nav-link.active{color:var(--text);text-decoration:none}.auth{align-items:center;gap:.75rem;margin-left:auto;display:flex}.user-email{color:var(--text-secondary);font-size:.88rem}.container{width:100%;max-width:1040px;margin:0 auto;padding:1.5rem 1.25rem 3rem}.page-title{letter-spacing:-.03em;color:var(--text);margin:0 0 .35rem;font-size:1.65rem;font-weight:650}.page-sub{color:var(--text-secondary);margin:0 0 1.25rem}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);margin:0 0 1rem;padding:1.15rem 1.25rem}.card h2{color:var(--text);margin:0 0 .85rem;font-size:1.05rem;font-weight:650}.btn{border:1px solid var(--border);background:var(--panel-soft);color:var(--text);border-radius:var(--radius-sm);cursor:pointer;justify-content:center;align-items:center;padding:.5rem 1rem;font-weight:500;text-decoration:none;display:inline-flex}.btn:hover{background:#eceef1;text-decoration:none}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.btn.primary:hover{filter:brightness(1.05)}.btn.ghost{background:0 0}.btn.sm{padding:.28rem .6rem;font-size:.85rem}.btn:disabled{opacity:.45;cursor:default}.btn.block{width:100%}.field{color:var(--muted);flex-direction:column;gap:.3rem;margin:.55rem 0;font-size:.88rem;display:flex}.field input{border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--text);background:#fff;padding:.6rem .75rem}.field input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #1d4f9c1f}.row{flex-wrap:wrap;align-items:center;gap:.55rem;display:flex}.banner{border-radius:var(--radius-sm);color:var(--text);border:1px solid var(--border);background:var(--panel-soft);margin:0 0 .85rem;padding:.65rem .85rem;font-size:.92rem}.banner.error{background:var(--danger-soft);color:var(--danger);border-color:#e8b4b4}.banner.ok{background:var(--ok-soft);color:var(--ok);border-color:#b7dfb9}.login-grid{grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));gap:1rem;max-width:42rem;margin:0 auto;display:grid}.tabs{border-bottom:1px solid var(--border);gap:.25rem;margin-bottom:1rem;display:flex}.tab{text-align:center;color:var(--muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:.5rem;font-weight:600}.tab.active{color:var(--text);border-bottom-color:var(--accent)}.app-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.15rem;margin-top:1.25rem;display:grid}@media (width<=720px){.app-grid{grid-template-columns:1fr}}.app-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;gap:.35rem;min-height:11rem;padding:1.25rem 1.35rem;display:flex}.app-card-title{letter-spacing:-.02em;color:var(--text);font-size:1.2rem;font-weight:650}.app-card-desc{color:var(--text-secondary);flex:1;margin:.25rem 0 0;font-size:.95rem}.name-accent{color:var(--card-accent,var(--accent))}.card-section{border-top:1px solid var(--border);margin-top:1rem;padding-top:.85rem}.card-section-title{letter-spacing:.07em;text-transform:uppercase;color:var(--muted);margin:0 0 .45rem;font-size:.68rem;font-weight:700}.download-row{flex-wrap:wrap;align-items:center;gap:.45rem;margin-top:.4rem;display:flex}.prg-select{border:1px solid var(--border-strong);border-radius:var(--radius-sm);min-width:8rem;color:var(--text);background:#fff;flex:1;padding:.45rem .55rem}.site-footer{text-align:center;color:var(--muted);margin-top:auto;padding:1.5rem 1rem 2rem;font-size:.78rem}.footer-links{flex-wrap:wrap;justify-content:center;gap:.75rem 1.25rem;margin-bottom:.45rem;display:flex}.footer-links a{color:var(--muted)}.footer-links a:hover{color:var(--text)}.table{border-collapse:collapse;width:100%;font-size:.9rem}.table th,.table td{text-align:left;border-bottom:1px solid var(--border);color:var(--text);padding:.5rem .4rem}.table th{color:var(--muted);font-size:.8rem;font-weight:600}.muted{color:var(--muted)}.loading{color:var(--text-secondary);text-align:center;padding:2.5rem}.legal-body{color:var(--text);max-width:42rem;line-height:1.55}.legal-body h2{color:var(--text);margin:1.25rem 0 .4rem;font-size:1.05rem}.legal-body p,.legal-body li{color:var(--text)}.popup{z-index:100;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.popup-backdrop{background:#00000059;position:absolute;inset:0}.popup-panel{z-index:1;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);width:min(28rem,100%);color:var(--text);padding:1rem 1.15rem;position:relative;box-shadow:0 12px 40px #00000026}.popup-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.popup-title{color:var(--text);margin:0;font-weight:650}