@charset "UTF-8";:root{--wl-header-bg: #101c31;--wl-sidebar-bg: #111827;--wl-primary-blue: #2563eb;--wl-btn-dark-blue: #1e3a8a;--wl-primary-hover: #1e40af;--wl-logo-bg: #2563eb;--wl-lang-active-bg: #1e3a8a;--wl-sidebar-active-bg:#1f2937;--wl-logout-red: #ef4444;--wl-white: #ffffff;--wl-card-bg: #ffffff;--wl-page-bg: #f3f4f6;--wl-page-bg-light: #f7f9fc;--wl-text: #1f2937;--wl-text-muted: #6b7280;--wl-border: #e5e7eb;--wl-input-prefix-bg: #f3f4f6;--wl-success-green: #22c55e;--wl-success-dark: #16a34a;--wl-success-text: #166534;--wl-success-bg: #dcfce7;--wl-success-border: #bbf7d0;--wl-success-border-light: #86efac;--wl-error: #dc2626;--wl-error-dark: #b91c1c;--wl-error-bg: #fee2e2;--wl-error-border: #fecaca;--wl-error-text: #991b1b;--wl-warning: #ca8a04;--wl-warning-bg: #fefce8;--wl-warning-border: #fde047;--wl-warning-text: #854d0e;--wl-grey-locked: #9ca3af;--wl-locked-bg: #f3f4f6;--wl-locked-text: #9ca3af;--wl-pending-bg: #dbeafe;--wl-pending-text: #1e40af;--wl-blue-light: #dbeafe;--wl-blue-tint: #eff6ff;--wl-blue-tint-border: #bfdbfe;--wl-blue-medium: #1d4ed8;--wl-active-blue: #1a73ff;--wl-purple: #7c3aed;--wl-purple-bg: #ede9fe;--wl-purple-rgb: 124, 58, 237;--wl-hero-bg: #1a1e27;--wl-navy: #0f172a;--wl-navy-light: #1e293b;--wl-navy-gradient: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);--wl-green-gradient: linear-gradient(135deg, #4CAF50 0%, #43A047 100%);--wl-slate-900: #1a1a1a;--wl-slate-800: #1e293b;--wl-slate-700: #334155;--wl-slate-600: #475569;--wl-slate-500: #64748b;--wl-slate-400: #94a3b8;--wl-slate-300: #cbd5e1;--wl-slate-200: #e2e8f0;--wl-slate-100: #f1f5f9;--wl-slate-50: #f8fafc;--wl-primary-shadow: rgba(30, 58, 138, .28);--wl-primary-shadow-lg: rgba(30, 58, 138, .4);--wl-primary-focus-ring: rgba(37, 99, 235, .12);--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-title: 600;--font-label: 500;--font-body: 400;--radius: 12px;--radius-sm: 8px;--radius-lg: 16px;--radius-xl: 20px;--shadow-soft: 0 1px 4px rgba(0,0,0,.05), 0 2px 8px rgba(0,0,0,.05);--shadow-card: 0 2px 8px rgba(0,0,0,.06), 0 4px 16px rgba(0,0,0,.07);--shadow-hover: 0 4px 12px rgba(0,0,0,.08), 0 8px 24px rgba(0,0,0,.09);--transition: .18s ease-in-out;--transition-fast: .15s ease-out;--transition-med: .25s ease-out;--transition-slow: .28s ease-in-out;--header-height: 64px;--sidebar-width: 260px;--spacing-page: 24px;--spacing-back-bottom: 24px;--spacing-card-gap: 20px;--spacing-section: 24px;--card-padding: 1.5rem;--card-padding-body: 1.5rem;--card-header-padding: 1rem 1.5rem;--footer-buttons-gap: 1rem;--footer-buttons-margin:1.5rem}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}html,body{margin:0;min-height:100%;font-family:var(--font-family);font-weight:var(--font-body);color:var(--wl-text);background:var(--wl-page-bg)}button,input,select,textarea{font:inherit;color:inherit}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--wl-primary-blue);outline-offset:2px}app-root{display:block;min-height:100vh}.page-card{background:var(--wl-card-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);overflow:hidden;transition:box-shadow var(--transition)}.page-card__header{background:var(--wl-header-bg);padding:var(--card-header-padding);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.page-card__header h2{margin:0;font-size:1.05rem;font-weight:600;color:var(--wl-white);letter-spacing:.01em}.page-card__body{padding:var(--card-padding-body)}.option-card{display:flex;align-items:flex-start;gap:1rem;padding:1.25rem;background:var(--wl-card-bg);border:2px solid var(--wl-border);border-radius:var(--radius-lg);cursor:pointer;transition:border-color var(--transition),box-shadow var(--transition),transform var(--transition);text-align:left;width:100%}.option-card:hover{border-color:var(--wl-primary-blue);box-shadow:var(--shadow-hover);transform:translateY(-2px)}.option-card:active{transform:translateY(0)}.option-card .option-card__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:44px;height:44px;border-radius:var(--radius-sm);background:var(--wl-pending-bg);color:var(--wl-primary-blue)}.option-card .option-card__body{flex:1;min-width:0}.option-card .option-card__title{margin:0 0 .25rem;font-size:1rem;font-weight:700;color:var(--wl-text)}.option-card .option-card__desc{margin:0;font-size:.85rem;color:var(--wl-text-muted);line-height:1.5}.option-card .option-card__arrow{align-self:center;color:var(--wl-text-muted);font-size:1.25rem;flex-shrink:0;transition:transform var(--transition),color var(--transition)}.option-card:hover .option-card__arrow{color:var(--wl-primary-blue);transform:translate(3px)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--wl-btn-dark-blue);color:#fff;border:0;border-radius:var(--radius);font-size:1rem;font-weight:600;cursor:pointer;letter-spacing:.01em;transition:background var(--transition),transform var(--transition),box-shadow var(--transition)}.btn-primary:hover:not(:disabled){background:var(--wl-primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px var(--wl-primary-shadow)}.btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:none}.btn-primary:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--wl-card-bg);color:var(--wl-text);border:1.5px solid var(--wl-border);border-radius:var(--radius);font-size:1rem;font-weight:600;cursor:pointer;transition:background var(--transition),border-color var(--transition),transform var(--transition)}.btn-secondary:hover:not(:disabled){background:var(--wl-page-bg);border-color:var(--wl-slate-300);transform:translateY(-1px)}.btn-secondary:active:not(:disabled){transform:translateY(0)}.btn-secondary:disabled{opacity:.55;cursor:not-allowed;transform:none}.wl-input,.wl-select{width:100%;padding:.7rem 1rem;font-size:.95rem;border:1.5px solid var(--wl-border);border-radius:var(--radius-sm);background:var(--wl-white);color:var(--wl-text);transition:border-color var(--transition),box-shadow var(--transition);appearance:none}.wl-input:focus,.wl-select:focus{outline:none;border-color:var(--wl-primary-blue);box-shadow:0 0 0 3px var(--wl-primary-focus-ring)}.wl-input:disabled,.wl-select:disabled{background:var(--wl-locked-bg);color:var(--wl-text-muted);cursor:not-allowed}.wl-input::placeholder,.wl-select::placeholder{color:var(--wl-text-muted)}.wl-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2.5rem}.action-buttons,.page-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--footer-buttons-gap);margin-top:var(--footer-buttons-margin)}.action-buttons .btn-primary,.action-buttons .btn-secondary,.page-actions .btn-primary,.page-actions .btn-secondary{flex:1;min-height:44px;justify-content:center}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.badge{display:inline-block;padding:.2rem .6rem;border-radius:999px;font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.badge--success{background:var(--wl-success-bg);color:var(--wl-success-text)}.badge--pending{background:var(--wl-pending-bg);color:var(--wl-pending-text)}.badge--locked{background:var(--wl-locked-bg);color:var(--wl-locked-text)}.badge--error{background:var(--wl-error-bg);color:var(--wl-error-text)}.auth-page{height:calc(100vh - var(--header-height));display:flex;align-items:center;justify-content:center;padding:1.5rem;background:var(--wl-page-bg);box-sizing:border-box;overflow-y:auto}.auth-card{width:min(100%,440px);background:var(--wl-card-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:2rem;transition:box-shadow var(--transition)}.auth-card.shake{animation:auth-shake .4s ease-in-out}@keyframes auth-shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.card-brand{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1rem}.card-brand-logo{height:40px;width:auto;object-fit:contain}.card-title{margin:0 0 1.25rem;font-size:1.35rem;font-weight:600;color:var(--wl-text);text-align:center}