:root{--primary:#1a5276;--primary-hover:#5a7a99;--primary-bg:#f0f4f8;--primary-border:#c8d8e8;--primary-tint:#e8eef5;--text-muted:#707070;--border:#e0e0e0;--border-soft:#f0f0f0;--border-light:#e2e3e5;--bg-hover:#f5f6f8;--danger:#c62828;--danger-strong:#b42318;--danger-bg:#ffe5e5;--danger-bg-soft:#ffe0e0;--danger-text:#a00000;--danger-border:#e0aaaa;--success:#16803c;--success-text:#155724;--success-bg:#d4edda;--success-bg-light:#d9f3e3;--success-border:#c3e6cb;--warning-text:#8a6d00;--warning-strong:#9a6700;--warning-bg:#fce4b6;--warning-bg-soft:#fff1c7;--warning-bg-light:#fff8e1;--warning-border:#e0c366;--info:#175ea8;--info-bg:#d6e8f7;--alert-error-bg:#f8d7da;--alert-error-border:#f5c6cb;--alert-error-text:#721c24;--primary-dark:#444;--primary-light:#d0e0ee;--text:#333;--text-light:#777;--text-lighter:#999;--background:#fff;--overlay:rgba(0,0,0,.45);--shadow:rgba(0,0,0,.2);--border-hover:#b0c4d8;--warning:#c99d00;--warning-soft:#fff3e0;--success-light:#e8f5e9;--danger-dark:#a02020}*{box-sizing:border-box}body{margin:0;background:#f4f5f7;color:#222;font:14px Arial,sans-serif;scroll-behavior:smooth}.navbar{background:var(--primary-bg);border-bottom:2px solid var(--primary-border);padding:0 18px;position:sticky;top:0;z-index:100}.nav-inner{max-width:960px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:48px}.nav-brand{color:var(--primary);font-size:22px;font-weight:bold;text-decoration:none;white-space:nowrap}.nav-links{display:flex;gap:18px;align-items:center}.nav-links a{color:var(--primary-hover);font-size:13px;text-decoration:none;white-space:nowrap}.nav-links a:hover{color:var(--primary);text-decoration:underline}.nav-toggle{display:none;width:auto;background:none;border:0;font-size:22px;color:var(--primary);cursor:pointer;padding:4px 8px;margin-left:auto;flex-shrink:0;height:auto;border-radius:4px}.nav-toggle:hover,.nav-toggle:active{background:none;opacity:1}.container{max-width:960px;margin:35px auto;padding:0 18px 50px}.footer{max-width:960px;margin:0 auto;padding:20px 18px 40px;text-align:center;color:#999;font-size:12px}.footer a{color:#777;text-decoration:none}.footer a:hover{color:#555;text-decoration:underline}h1{margin:0;font-size:22px}.subtitle{margin:5px 0 22px;color:var(--text-muted)}input{flex:1;min-width:0;height:46px;padding:0 14px;border:1px solid #ccc;border-radius:7px;background:#fff;font-size:16px}button{height:46px;padding:0 24px;border:0;border-radius:7px;background:#222;color:#fff;font-size:15px;cursor:pointer}button:hover{background:var(--primary-dark)}.error{margin-bottom:18px;padding:13px 15px;border:1px solid var(--danger-border);border-radius:7px;background:var(--danger-bg);color:var(--danger-text)}.spinner-bar{position:fixed;top:0;left:0;height:5px;width:100%;background:linear-gradient(90deg,var(--primary),#3498db,var(--primary));background-size:200%100%;z-index:9001;opacity:0;transition:opacity .4s ease,width .3s ease;animation:spinner-slide 1.2s linear infinite;box-shadow:0 1px 4px rgba(0,0,0,.2)}.spinner-bar.visible{opacity:1}.spinner-bar.scanning{animation:none;background-size:100% 100%}@keyframes spinner-slide{0%{background-position:100%0}100%{background-position:-100%0}}.spinner-overlay{position:fixed;inset:0;background:rgba(255,255,255,.5);z-index:9000;opacity:0;transition:opacity .4s ease;pointer-events:none}.spinner-overlay.visible{opacity:1;pointer-events:auto}.spinner-badge{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.95);z-index:9002;background:var(--primary);color:#fff;padding:18px 32px;border-radius:10px;font-size:16px;font-weight:600;font-family:system-ui,sans-serif;box-shadow:0 4px 24px rgba(0,0,0,.25);opacity:0;transition:opacity .5s ease,transform .5s ease;display:flex;align-items:center;gap:12px;pointer-events:none}.spinner-badge.visible{opacity:1;transform:translate(-50%,-50%) scale(1)}.spinner-badge::before{content:"";width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spinner-spin .7s linear infinite}@keyframes spinner-spin{to{transform:rotate(360deg)}}@media(max-width:600px){body{overflow-x:hidden}.nav-brand{font-size:18px}.nav-toggle{display:block}.nav-links{display:none;position:absolute;top:48px;left:0;right:0;flex-direction:column;background:var(--primary-bg);border-bottom:2px solid var(--primary-border);padding:8px 18px;gap:0;box-shadow:0 4px 8px rgba(0,0,0,.1)}.nav-links a{padding:10px 0;font-size:14px;border-bottom:1px solid #e0e8f0}.nav-links a:last-child{border-bottom:0}body.nav-open .nav-links{display:flex}.container{margin-top:25px}}