*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--primary:#22c55e;--primary-dark:#16a34a;--primary-light:#dcfce7;--text:#1f2937;--text-light:#6b7280;--bg:#fff;--bg-alt:#f9fafb;--error:#ef4444;--error-light:#fee2e2;--success:#22c55e;--success-light:#dcfce7;--warning:#eab308;--border:#e5e7eb;--shadow:0 1px 3px #0000001a;--shadow-lg:0 4px 6px #0000001a;--radius:8px;--radius-lg:12px;--font:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, "SF Mono", monospace}html{-webkit-text-size-adjust:100%;font-size:16px;overflow-x:hidden}body{font-family:var(--font);color:var(--text);background-color:var(--bg-alt);flex-direction:column;min-height:100vh;line-height:1.5;display:flex;overflow-x:hidden}.skip-link{background:var(--primary);color:#fff;z-index:100;padding:8px 16px;text-decoration:none;position:absolute;top:-40px;left:0}.skip-link:focus{top:0}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}header{background:var(--bg);border-bottom:1px solid var(--border);z-index:10;max-width:100vw;padding:12px 16px;position:sticky;top:0;overflow-x:hidden}.header-content{justify-content:space-between;align-items:center;width:100%;max-width:600px;margin:0 auto;display:flex;overflow:hidden}.logo{color:var(--primary-dark);font-size:1.25rem;font-weight:700;text-decoration:none}nav{flex-shrink:1;align-items:center;gap:8px;min-width:0;display:flex}nav a{color:var(--text-light);border-radius:var(--radius);padding:6px 12px;font-size:.875rem;text-decoration:none;transition:background-color .2s}nav a:hover,nav a.active{background:var(--primary-light);color:var(--primary-dark)}.nav-icon{justify-content:center;align-items:center;padding:6px 8px;display:flex}.nav-icon svg{display:block}#langSwitch{border:1px solid var(--border);border-radius:var(--radius);color:var(--text-light);cursor:pointer;background:0 0;padding:6px 12px;font-size:.75rem;transition:border-color .2s}#langSwitch:hover{border-color:var(--primary)}main{flex:1;width:100%;max-width:600px;margin:0 auto;padding:24px 16px;overflow-x:hidden}.card{background:var(--bg);border-radius:var(--radius-lg);box-shadow:var(--shadow);margin-bottom:16px;padding:24px}.stat-label{color:var(--text-light);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.stat-value{color:var(--text);font-size:1.5rem;font-weight:700;font-family:var(--font-mono)}.btn{text-align:center;border-radius:var(--radius);cursor:pointer;border:none;min-width:44px;min-height:44px;padding:14px 28px;font-size:1rem;font-weight:600;text-decoration:none;transition:background-color .2s,transform .1s;display:inline-block}.btn:active{transform:scale(.98)}.btn:disabled{background:var(--border);color:var(--text-light);cursor:not-allowed;transform:none}.btn:disabled:hover,.btn:disabled:active{background:var(--border);transform:none}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark)}.btn-secondary{background:var(--bg-alt);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{background:var(--border)}.btn-danger{background:var(--error);color:#fff}.btn-danger:hover{background:#dc2626}.btn-group{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.btn-link{color:var(--text-light);cursor:pointer;background:0 0;border:none;min-width:44px;min-height:44px;padding:8px;font-size:.875rem;text-decoration:underline}.btn-link:hover{color:var(--text)}.message{background:var(--success-light);color:var(--primary-dark);border-radius:var(--radius);text-align:center;margin-bottom:16px;padding:12px 16px;animation:.3s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}footer{text-align:center;color:var(--text-light);border-top:1px solid var(--border);background:var(--bg);padding:16px;font-size:.75rem}.confirm-modal{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:none;width:calc(100% - 32px);max-width:400px;margin:auto;padding:0;animation:.2s fadeIn;overflow:hidden}.confirm-modal::backdrop{background:#00000080;animation:.2s fadeIn}.confirm-modal__content{padding:32px 24px 24px}.confirm-modal__title{color:var(--text);margin-bottom:12px;font-size:1.25rem;font-weight:700}.confirm-modal__message{color:var(--text-light);margin-bottom:24px;font-size:.9375rem;line-height:1.6}.confirm-modal__actions{justify-content:flex-end;gap:12px;display:flex}.confirm-modal__actions .btn{min-width:100px}@media (max-width:420px){.logo{display:none}nav{justify-content:center;gap:4px;width:100%}nav a{padding:6px 8px;font-size:.8125rem}.nav-icon{padding:6px}#langSwitch{white-space:nowrap;padding:6px 8px;font-size:.6875rem}.header-content{justify-content:center}.confirm-modal__actions{flex-direction:column-reverse}.confirm-modal__actions .btn{width:100%}}@media (min-width:768px){main{padding:32px 24px}.card{padding:32px}}@media (min-width:1024px){main{max-width:960px;padding:40px 32px}.header-content{max-width:960px}header{padding:16px 24px}.logo{font-size:1.375rem}nav{gap:12px}nav a{padding:8px 16px;font-size:.9375rem}#langSwitch{padding:8px 14px;font-size:.8125rem}.card{padding:40px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media print{header,footer,.btn,#langSwitch{display:none}}