:root{--bg-dark:#f6f1e8;--bg-card:linear-gradient(180deg,#fffffff2,#f8f3eae6);--bg-card-hover:linear-gradient(135deg,#fffffffa,#f3ece0f0);--text-primary:#123056;--text-secondary:#55739a;--text-muted:#8aa0ba;--accent-primary:#1d6cda;--accent-primary-hover:#1454af;--accent-secondary:#66b8ff;--status-success:#1ca36f;--status-danger:#d84f6b;--status-warning:#db9b23;--border-color:#5d4c3414;--border-light:#5d4c3424;--surface-soft:#bfa2751a;--surface-soft-strong:#bfa27529;--shadow-card:0 24px 50px -28px #5c4a2f38,0 18px 24px -18px #7c65452e;--shadow-glow:0 18px 35px #1d6cda2e;--radius-sm:6px;--radius-md:12px;--radius-lg:16px;--radius-full:9999px;--transition:all .3s cubic-bezier(.4,0,.2,1)}*{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100vw;overflow-x:hidden}body{background-color:var(--bg-dark);color:var(--text-primary);font-family:var(--font-inter,-apple-system),BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:linear-gradient(#fffcf7f7,#f6f1e8fa),radial-gradient(circle at 10% 12%,#dfc49642,#0000 26%),radial-gradient(circle at 88% 14%,#84a59629,#0000 22%),radial-gradient(circle at 50% 100%,#d6ba922e,#0000 28%);background-attachment:fixed;line-height:1.5}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;margin-bottom:.5rem;font-weight:700}a{color:var(--accent-primary);transition:var(--transition);text-decoration:none}a:hover{color:var(--accent-primary-hover)}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.page-wrapper{flex-direction:column;min-height:100vh;display:flex}.main-content{flex:1;padding:2rem 0}.btn-primary{color:#fff;border-radius:var(--radius-md);transition:var(--transition);background:linear-gradient(135deg,#1a63cb,#67b9ff);border:1px solid #ffffff59;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;display:inline-flex;box-shadow:0 14px 28px #1d6cda38}.btn-primary:hover{box-shadow:var(--shadow-glow);transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-light);border-radius:var(--radius-md);transition:var(--transition);background:#1d6cda0f;padding:.75rem 1.5rem;font-weight:600}.btn-secondary:hover{background:#1d6cda1c;border-color:#1d6cda47}.input-group{flex-direction:column;gap:.5rem;margin-bottom:1.5rem;display:flex}.input-label{color:var(--text-secondary);font-size:.875rem;font-weight:500}.input-field{border:1px solid var(--border-light);color:var(--text-primary);border-radius:var(--radius-md);transition:var(--transition);background:#ffffffe0;width:100%;padding:.75rem 1rem;font-size:1rem;box-shadow:inset 0 1px #fffc}.input-field::placeholder{color:var(--text-muted)}.input-field:focus{border-color:var(--accent-primary);outline:none;box-shadow:0 0 0 4px #1d6cda24}.text-success{color:var(--status-success)}.text-danger{color:var(--status-danger)}.text-warning{color:var(--status-warning)}.bg-success{color:var(--status-success);background-color:#1ca36f1a}.bg-danger{color:var(--status-danger);background-color:#d84f6b1a}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.text-center{text-align:center}.text-right{text-align:right}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-accent{color:var(--accent-primary)}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-4{margin-bottom:2rem}@keyframes pulseGlow{0%{box-shadow:0 0 #1d6cda47}70%{box-shadow:0 0 0 14px #1d6cda00}to{box-shadow:0 0 #1d6cda00}}.animate-pulse-glow{animation:2s infinite pulseGlow}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.68;transform:scale(.98)}}.animate-pulse{animation:1.5s ease-in-out infinite pulse}
