:root{--color-navy:#1e3a5f;--color-navy-dark:#152a45;--color-sky:#38bdf8;--color-sky-soft:#e0f2fe;--color-text:#334155;--color-text-muted:#64748b;--color-border:#e2e8f0;--color-surface:#fff;--color-background:#f8fafc;--color-shadow:#0f172a14;--radius:12px;--font-sans:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*,:before,:after{box-sizing:border-box}body{min-height:100vh;font-family:var(--font-sans);color:var(--color-text);background:linear-gradient(180deg, #f1f5f9 0%, var(--color-background) 100%);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.5}#root{min-height:100vh}a{color:var(--color-navy);font-weight:500;text-decoration:none}a:hover{text-decoration:underline}.app-shell{flex-direction:column;min-height:100vh;display:flex}.app-header{background:var(--color-navy);color:#fff;box-shadow:0 2px 8px var(--color-shadow);padding:1.25rem 1.5rem}.brand{align-items:center;gap:.875rem;max-width:720px;margin:0 auto;display:flex}.brand-mark{background:var(--color-sky);width:2.5rem;height:2.5rem;color:var(--color-navy-dark);border-radius:.625rem;place-items:center;font-size:1.125rem;font-weight:700;display:grid}.brand-name{letter-spacing:-.01em;margin:0;font-size:1.125rem;font-weight:600}.brand-tagline{color:#ffffffb8;margin:.125rem 0 0;font-size:.8125rem}.app-main{flex:1;justify-content:center;align-items:flex-start;padding:2rem 1.5rem 3rem;display:flex}.page-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);width:100%;max-width:720px;box-shadow:0 12px 32px var(--color-shadow);padding:2rem}.page-header h1{color:var(--color-navy-dark);letter-spacing:-.02em;margin:0;font-size:1.75rem;font-weight:600}.page-subtitle{color:var(--color-text-muted);margin:.5rem 0 0}.placeholder-form{gap:1rem;margin-top:1.75rem;display:grid}.field{color:var(--color-text);gap:.375rem;font-size:.875rem;font-weight:500;display:grid}.field input{border:1px solid var(--color-border);width:100%;font:inherit;color:var(--color-text);background:#fff;border-radius:.5rem;padding:.75rem .875rem}.field input:focus{outline:2px solid var(--color-sky-soft);border-color:var(--color-sky)}.button{font:inherit;cursor:pointer;border:none;border-radius:.5rem;justify-content:center;align-items:center;padding:.75rem 1rem;font-weight:600;transition:background-color .15s;display:inline-flex}.button-primary{background:var(--color-navy);color:#fff}.button-primary:hover:not(:disabled){background:var(--color-navy-dark)}.button-primary:disabled{opacity:.55;cursor:not-allowed}.helper-text{color:var(--color-text-muted);margin:1.5rem 0 0;font-size:.875rem}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;margin-top:1.75rem;display:grid}.stat-card{border:1px solid var(--color-border);background:var(--color-background);border-radius:.75rem;padding:1rem}.stat-label{color:var(--color-text-muted);margin:0;font-size:.8125rem}.stat-value{color:var(--color-navy-dark);margin:.375rem 0 0;font-size:1.5rem;font-weight:600}.placeholder-panel{background:var(--color-sky-soft);border:1px solid #bae6fd;border-radius:.75rem;margin-top:1.5rem;padding:1.25rem}.placeholder-panel h2{color:var(--color-navy-dark);margin:0 0 .5rem;font-size:1rem}.placeholder-panel p{color:var(--color-text);margin:0;font-size:.9375rem}.signing-meta{margin-top:1.75rem}.meta-label{color:var(--color-text-muted);margin-bottom:.375rem;font-size:.8125rem;font-weight:500;display:block}.token-value{background:var(--color-background);border:1px solid var(--color-border);word-break:break-all;border-radius:.375rem;padding:.375rem .625rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.875rem;display:inline-block}.document-preview{border:1px dashed var(--color-border);background:var(--color-background);border-radius:.75rem;place-items:center;min-height:220px;margin:1.5rem 0;display:grid}.document-preview-inner{text-align:center;padding:2rem}.preview-label{text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);margin:0 0 .5rem;font-size:.8125rem;font-weight:600}.preview-placeholder{max-width:28rem;color:var(--color-text-muted);margin:0}.app-footer{text-align:center;color:var(--color-text-muted);border-top:1px solid var(--color-border);background:#ffffffb8;padding:1rem 1.5rem;font-size:.8125rem}.footer-divider{margin:0 .375rem}@media (width<=640px){.page-card{padding:1.5rem}.page-header h1{font-size:1.5rem}}.auth-shell{--auth-purple:#7c3aed;--auth-purple-alt:#8b5cf6;--auth-purple-hover:#a78bfa;--auth-bg:#020617;background:var(--auth-bg);color:#f8fafc;justify-content:center;align-items:center;min-height:100vh;padding:2.5rem 1rem;display:flex;position:relative;overflow:hidden}.auth-smoke-canvas,.auth-smoke-fallback{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.auth-smoke-fallback{background:radial-gradient(90% 70% at 50% 110%,#7c3aed24,#0000 62%),radial-gradient(70% 55% at 15% 25%,#8b5cf61a,#0000 58%),linear-gradient(#020617 0%,#0f0720 48%,#020617 100%)}.auth-smoke-orb{pointer-events:none;filter:blur(72px);opacity:.72;will-change:transform;border-radius:9999px;position:absolute}.auth-smoke-orb--one{background:radial-gradient(circle,#7c3aed57 0%,#0000 72%);width:min(68vw,34rem);height:min(68vw,34rem);animation:20s ease-in-out infinite auth-smoke-drift-a;top:18%;left:-12%}.auth-smoke-orb--two{background:radial-gradient(circle,#8b5cf647 0%,#0000 70%);width:min(58vw,28rem);height:min(58vw,28rem);animation:24s ease-in-out infinite auth-smoke-drift-b;top:42%;right:-10%}.auth-smoke-orb--three{background:radial-gradient(circle,#a78bfa38 0%,#0000 68%);width:min(52vw,24rem);height:min(52vw,24rem);animation:18s ease-in-out infinite auth-smoke-drift-c;bottom:-8%;left:28%}@keyframes auth-smoke-drift-a{0%,to{transform:translate(0)scale(1)}50%{transform:translate(8%,-6%)scale(1.08)}}@keyframes auth-smoke-drift-b{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-7%,5%)scale(1.06)}}@keyframes auth-smoke-drift-c{0%,to{transform:translate(0)scale(1)}50%{transform:translate(5%,-8%)scale(1.1)}}.auth-shell-overlay{pointer-events:none;background:#02061799;position:absolute;inset:0}.auth-shell-content{z-index:10;flex-direction:column;align-items:center;width:100%;max-width:28rem;display:flex;position:relative}.auth-lang-switch{z-index:20;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0003;border:1px solid #ffffff26;border-radius:9999px;gap:.25rem;padding:.25rem;display:flex;position:absolute;top:1rem;right:1rem}.auth-lang-switch__btn{font:inherit;color:#ffffffa6;cursor:pointer;background:0 0;border:none;border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:600;transition:color .15s,background-color .15s}.auth-lang-switch__btn:hover{color:#fff}.auth-lang-switch__btn.is-active{background:var(--auth-purple);color:#fff}.auth-card{border:1px solid #fff3;border-radius:1rem;width:100%;overflow:hidden;box-shadow:0 25px 50px #00000059}.auth-card--glass{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff1a}.auth-card-inner{padding:1.5rem}.auth-logo{object-fit:contain;object-position:center;width:min(100%,15rem);height:auto;margin:0 auto 1rem;display:block}.auth-header{text-align:center;margin-bottom:1.25rem}.auth-header h1{letter-spacing:-.02em;color:#fff;margin:0;font-size:1.875rem;font-weight:600}.auth-muted{color:#ffffff9e;margin:0;font-size:.875rem;line-height:1.5}.auth-header .auth-muted{margin-top:.5rem}.auth-form{gap:1rem;display:grid}.auth-field,.auth-password-field{gap:.5rem;display:grid}.auth-field label,.auth-password-field label{color:#ffffffc7;font-size:.875rem;font-weight:500}.auth-field-row{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.auth-input{width:100%;height:3rem;font:inherit;color:#f8fafc;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:.75rem;padding:0 .875rem;transition:border-color .15s,box-shadow .15s}.auth-input::placeholder{color:#ffffff59}.auth-input:focus{border-color:#7c3aed8c;outline:none;box-shadow:0 0 0 3px #7c3aed2e}.auth-password-wrap{position:relative}.auth-password-wrap .auth-input{padding-right:2.75rem}.auth-password-toggle{color:#ffffff73;cursor:pointer;background:0 0;border:none;border-radius:.375rem;place-items:center;padding:.25rem;transition:color .15s;display:grid;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.auth-password-toggle:hover{color:#fffc}.auth-eye-icon{width:1rem;height:1rem}.auth-link{font:inherit;color:var(--auth-purple-alt);cursor:pointer;background:0 0;border:none;padding:0;font-weight:500;text-decoration:none;transition:color .15s}.auth-link:hover:not(:disabled){color:var(--auth-purple-hover);text-decoration:underline}.auth-link:disabled{opacity:.55;cursor:not-allowed}.auth-link--small{font-size:.75rem}.auth-checkbox{color:#ffffffbf;cursor:pointer;align-items:center;gap:.5rem;font-size:.875rem;display:flex}.auth-checkbox input{width:1rem;height:1rem;accent-color:var(--auth-purple)}.auth-submit{width:100%;height:3rem;font:inherit;color:#fff;background:linear-gradient(135deg, var(--auth-purple), var(--auth-purple-alt));cursor:pointer;border:none;border-radius:.75rem;font-size:1rem;font-weight:600;transition:filter .15s;box-shadow:0 12px 32px #7c3aed59}.auth-submit:hover:not(:disabled){filter:brightness(1.08)}.auth-submit:disabled{opacity:.55;cursor:not-allowed}.auth-divider{text-align:center;margin:1.5rem 0;position:relative}.auth-divider:before{content:"";border-top:1px solid #ffffff26;position:absolute;inset:50% 0 auto}.auth-divider span{letter-spacing:.04em;color:#ffffff8c;background:0 0;padding:0 .75rem;font-size:.75rem;position:relative}.auth-social-btn{width:100%;height:2.75rem;font:inherit;color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #fff3;border-radius:.75rem;justify-content:center;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;transition:background-color .15s;display:flex;position:relative}.auth-social-btn:hover:not(:disabled){background:#ffffff1a}.auth-social-btn:disabled{opacity:.55;cursor:not-allowed}.auth-social-icon{flex-shrink:0;width:1rem;height:1rem}.auth-switch{text-align:center;margin-top:1.25rem}.auth-placeholder-note{text-align:center;color:#fff6;margin:.75rem 0 0;font-size:.75rem}.auth-trust-footer{text-align:center;color:#f87171;justify-content:center;align-items:flex-start;gap:.5rem;margin:1.25rem 0 0;padding:0 .5rem;font-size:.75rem;line-height:1.5;display:flex}.auth-trust-icon{flex-shrink:0;width:1rem;height:1rem;margin-top:.125rem}@media (width>=640px){.auth-card-inner{padding:2rem}.auth-logo{width:min(100%,15.5rem);margin-bottom:1.25rem}}@media (prefers-reduced-motion:reduce){.auth-smoke-orb{animation:none}}