:root{--primary: #6631ba;--primary-light: #8b5fd4;--primary-dark: #53259a;--secondary-orange: #f2a540;--secondary-red: #ed3f11;--salmon: #f4978e;--text-color: #333;--text-light: #666;--bg-color: #f5f5f5;--white: #ffffff;--gray-light: #e8e8e8;--gray-medium: #888;--error-bg: #fde8e8;--error-border: #e74c3c;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 25px;--radius-full: 50%;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 2px 8px rgba(0, 0, 0, .1);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .12)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin:0;padding:0;background-color:var(--bg-color);color:var(--text-color);-webkit-font-smoothing:antialiased}*{box-sizing:border-box}button{cursor:pointer;font-family:inherit}a{text-decoration:none}.main-nav{display:flex;align-items:center;justify-content:space-between;background-color:var(--white);box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:100;padding:0 24px;height:auto}.nav-logo{text-decoration:none;display:flex;align-items:center}.logo-img{width:min(70vw,400px);height:auto}.nav-logo .logo-img{width:auto;height:90px;margin:8px 0}.nav-tabs{display:flex;gap:0;height:100%}.nav-tab{padding:0 20px;height:56px;display:flex;align-items:center;text-decoration:none;color:var(--gray-medium);font-weight:600;font-size:.9rem;border-bottom:3px solid transparent;transition:color .2s,border-color .2s}.nav-tab:hover{color:var(--primary-light)}.nav-tab.active{color:var(--primary);border-bottom-color:var(--primary)}.page-container{max-width:600px;margin:0 auto;padding:20px 16px 100px}.page-header{display:flex;align-items:center;gap:16px;padding:16px 0}.back-btn{background:none;border:none;font-size:1.5rem;color:var(--text-color);padding:4px;display:flex;align-items:center;cursor:pointer}.page-title{font-size:1.25rem;font-weight:700;margin:0;color:var(--text-color)}.form-group{margin-bottom:16px}.form-label{display:block;font-size:.85rem;font-weight:600;color:var(--text-light);margin-bottom:6px}.form-input{width:100%;padding:14px 16px;border:1.5px solid var(--gray-light);border-radius:var(--radius-md);font-size:1rem;font-family:inherit;color:var(--text-color);background-color:var(--white);transition:border-color .2s,background-color .2s;outline:none}.form-input::placeholder{color:#bbb}.form-input:focus{border-color:var(--primary)}.form-input:disabled{background-color:#f0f0f0;color:var(--gray-medium)}.form-input.error{border-color:var(--error-border);background-color:var(--error-bg)}.form-error{display:block;color:var(--error-border);font-size:.78rem;text-align:right;margin-top:4px;min-height:1.1em}.btn{display:block;width:100%;padding:14px 24px;border:none;border-radius:var(--radius-lg);font-size:1rem;font-weight:600;font-family:inherit;text-align:center;cursor:pointer;transition:background-color .2s,transform .1s,opacity .2s}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background-color:var(--primary);color:var(--white)}.btn-primary:hover:not(:disabled){background-color:var(--primary-dark)}.btn-secondary{background-color:var(--primary-light);color:var(--white)}.btn-secondary:hover:not(:disabled){background-color:var(--primary)}.btn-danger{background-color:var(--salmon);color:var(--white)}.btn-danger:hover:not(:disabled){background-color:#e88a82}.btn-dark{background-color:#333;color:var(--white)}.btn-dark:hover:not(:disabled){background-color:#222}.btn-outline{background-color:transparent;border:2px solid var(--primary);color:var(--primary)}.btn-outline:hover:not(:disabled){background-color:var(--primary);color:var(--white)}.card{background:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%);color:#fff;padding:12px 24px;border-radius:var(--radius-lg);transition:opacity .3s;z-index:2000;font-size:.9rem;font-weight:500;box-shadow:var(--shadow-lg)}.toast.hidden{opacity:0;pointer-events:none}.text-center{text-align:center}.loading-text{text-align:center;color:var(--gray-medium);padding:40px 0}.error-text{text-align:center;color:var(--secondary-red);padding:40px 0}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:3000;display:flex;justify-content:center;align-items:center;opacity:0;pointer-events:none;transition:opacity .25s}.modal-overlay.open{opacity:1;pointer-events:auto}.modal-dialog{background:var(--white);border-radius:var(--radius-md);padding:28px 24px;max-width:340px;width:90%;text-align:center;box-shadow:var(--shadow-lg)}.modal-dialog h3{margin:0 0 8px;font-size:1.1rem}.modal-dialog p{margin:0 0 24px;color:var(--text-light);font-size:.9rem}.modal-actions{display:flex;gap:12px}.modal-actions .btn{flex:1;padding:12px}@media(max-width:600px){.main-nav{padding:0 12px}.nav-tab{padding:0 12px;font-size:.82rem}.page-container{padding:16px 12px 80px}}