.app-root{min-height:100vh;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f9fafb;background:radial-gradient(circle at top left,#1e293b 0,#020617 55%)}.auth-layout{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.auth-card{width:100%;max-width:480px;background:#0f172ae6;border-radius:24px;padding:32px 28px 24px;box-shadow:0 24px 60px #0f172ae6;border:1px solid rgba(148,163,184,.35);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.auth-header{margin-bottom:24px}.auth-logo{font-size:24px;font-weight:700;letter-spacing:.03em;display:inline-flex;align-items:center;gap:8px}.auth-logo:before{content:"🎄";font-size:22px}.auth-subtitle{margin-top:4px;font-size:14px;color:#9ca3af}.steps{display:flex;gap:12px;margin-bottom:20px}.step{flex:1;display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:999px;font-size:13px;color:#9ca3af;background:#0f172acc;border:1px solid transparent}.step span{width:20px;height:20px;border-radius:999px;background:#1e40af4d;display:inline-flex;align-items:center;justify-content:center;font-size:12px}.step.active{border-color:#818cf8cc;background:radial-gradient(circle at top left,#818cf84d,#0f172af2);color:#e5e7eb}.step.active span{background:#6366f1}.auth-form{display:flex;flex-direction:column;gap:14px}.field{display:flex;flex-direction:column;gap:6px;font-size:13px}.field span{color:#e5e7eb}.field input{border-radius:999px;border:1px solid rgba(148,163,184,.6);padding:10px 14px;font-size:14px;background:#0f172ad9;color:#f9fafb;outline:none;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.field input::placeholder{color:#6b7280}.field input:focus{border-color:#6366f1;box-shadow:0 0 0 1px #6366f199;background:#0f172a}.field-error{font-size:12px;color:#fecaca}.primary-button,.ghost-button,.link-button{font-size:14px;border-radius:999px;padding:10px 16px;border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:background .15s ease,color .15s ease,border-color .15s ease,transform .05s ease}.primary-button{background:linear-gradient(135deg,#6366f1,#ec4899);color:#f9fafb;font-weight:600;box-shadow:0 12px 30px #4f46e566}.primary-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 14px 34px #4f46e58c}.primary-button:disabled{opacity:.6;cursor:default;box-shadow:none}.ghost-button{background:transparent;border:1px solid rgba(148,163,184,.7);color:#e5e7eb}.ghost-button.small{padding:6px 12px;font-size:13px}.ghost-button:hover{background:#0f172acc}.link-button{background:none;border:none;padding:0;color:#a5b4fc}.link-button:hover{text-decoration:underline}.auth-error{font-size:13px;color:#fca5a5}.auth-footer{margin-top:18px;font-size:13px;color:#9ca3af;display:flex;justify-content:center;gap:4px}.app-layout{min-height:100vh;display:flex;flex-direction:column;padding:16px 16px 20px}.app-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-radius:999px;background:#0f172af2;border:1px solid rgba(148,163,184,.4);box-shadow:0 18px 40px #0f172acc;gap:12px}.logo-block{display:flex;align-items:center;gap:10px}.logo-mark{width:32px;height:32px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:radial-gradient(circle at top left,#22c55e,#15803d)}.logo-text{display:flex;flex-direction:column;gap:2px}.logo-title{font-weight:700;font-size:16px}.logo-subtitle{font-size:12px;color:#9ca3af}.header-right{display:flex;align-items:center;gap:10px}.group-switcher{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;background:#02061799;border:1px solid rgba(148,163,184,.25)}.group-switcher-label{font-size:12px;color:#cbd5f5}.group-switcher-select{background:#0f172ae6;color:#f8fafc;border:1px solid rgba(148,163,184,.35);border-radius:999px;padding:6px 12px;font-size:12px;min-width:140px}.group-switcher-select:disabled{opacity:.6;cursor:not-allowed}.user-block{text-align:right}.user-name{font-size:14px;font-weight:600}.user-role{font-size:12px;color:#a1a1aa}.avatar{width:36px;height:36px;border-radius:999px;background:radial-gradient(circle at top,#f97316,#c2410c);display:inline-flex;align-items:center;justify-content:center;font-size:20px}.app-main{flex:1;margin-top:20px;margin-bottom:16px}.cards-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:20px}.card,.recipient-card{background:#0f172af5;border-radius:24px;padding:18px 18px 16px;border:1px solid rgba(148,163,184,.45);box-shadow:0 18px 45px #0f172ae6;display:flex;flex-direction:column;gap:14px}.card-header h2{margin:0;font-size:17px}.card-header p{margin:4px 0 0;font-size:13px;color:#9ca3af}.wish-form{display:flex;gap:8px}.wish-input-wrapper{flex:1;display:flex;flex-direction:column;gap:4px}.wish-form input{flex:1;border-radius:999px;border:1px solid rgba(148,163,184,.7);padding:9px 12px;font-size:14px;background:#0f172ae6;color:#f9fafb;outline:none}.wish-form input::placeholder{color:#6b7280}.wish-form input:focus{border-color:#6366f1}.list{list-style:none;padding:0;margin:4px 0 0;display:flex;flex-direction:column;gap:6px;max-height:260px;overflow:auto}.list-item{display:flex;align-items:center;gap:8px;font-size:14px;padding:6px 8px;border-radius:12px;background:#0f172ad9}.list-bullet{color:#a5b4fc}.list-empty{font-size:13px;color:#9ca3af}.avatar-mini{width:24px;height:24px;border-radius:999px;background:#f8fafc0d;display:inline-flex;align-items:center;justify-content:center}.recipient-card{max-width:640px;margin:0 auto}.recipient-name{font-size:20px;font-weight:700}.recipient-subtitle{margin-top:4px;font-size:14px;color:#9ca3af}.app-footer{display:flex;align-items:center;justify-content:center;padding:10px 16px;border-radius:999px;background:#0f172af2;border:1px solid rgba(148,163,184,.4);font-size:14px;color:#e5e7eb;gap:10px}.center-placeholder{width:100%;min-height:200px;border-radius:24px;background:#0f172af5;border:1px dashed rgba(148,163,184,.6);display:flex;align-items:center;justify-content:center;font-size:14px;color:#e5e7eb}.center-placeholder.error{color:#fecaca;border-style:solid}@media(max-width:900px){.app-layout{padding:12px 10px 16px}.app-header{flex-direction:column;align-items:flex-start;border-radius:20px}.header-right,.group-switcher{width:100%;justify-content:space-between}.group-switcher-select{flex:1}.cards-grid{grid-template-columns:1fr}.card,.recipient-card{border-radius:20px}.list{max-height:220px}.app-footer{border-radius:20px}}@media(max-width:480px){.auth-card{padding:24px 18px 18px;border-radius:20px}.app-header{padding:10px 12px}.app-footer{padding:8px 10px}.wish-form{flex-direction:column}.primary-button,.ghost-button{width:100%}}.password-field{position:relative;display:flex;align-items:center}.password-field input{width:100%;padding-right:44px}.password-toggle{position:absolute;right:8px;width:34px;height:34px;border:none;background:transparent;color:#f9fafb;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.password-toggle:hover{color:#e1e1e1}@media(max-width:480px){.field input,.wish-form input{font-size:16px}}:root{color-scheme:dark}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh}#root{min-height:100vh}