:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}:root[data-theme=light]{--bg: #F4F6F5;--bg-glow-a: rgba(95, 175, 179, .18);--bg-glow-b: rgba(169, 218, 219, .22);--surface: #ffffff;--text: #3A3F45;--accent: #5FAFB3;--accent-hover: #3E6F86;--accent-light: #A9DADB;--muted: #64748b;--border: #e2e8f0;--error: #ef4444;--success: #5FAFB3;--warning: #f59e0b;--input-bg: #ffffff;--input-border: #d1d5db;--input-hover: #9ca3af;--link: #059669;--shadow-card: 0 10px 30px rgba(58, 63, 69, .1), 0 2px 6px rgba(58, 63, 69, .06);--shadow-btn: 0 2px 8px rgba(95, 175, 179, .3);--shadow-btn-hover: 0 10px 22px rgba(95, 175, 179, .38)}:root[data-theme=dark]{--bg: #1e293b;--bg-glow-a: rgba(95, 175, 179, .16);--bg-glow-b: rgba(62, 111, 134, .2);--surface: #2d3748;--text: #e5e7eb;--accent: #5FAFB3;--accent-hover: #3E6F86;--accent-light: #A9DADB;--muted: #94a3b8;--border: #475569;--error: #ef4444;--success: #5FAFB3;--warning: #f59e0b;--input-bg: #2d3748;--input-border: #475569;--input-hover: #64748b;--link: #5FAFB3;--shadow-card: 0 14px 40px rgba(0, 0, 0, .4);--shadow-btn: 0 2px 8px rgba(0, 0, 0, .35);--shadow-btn-hover: 0 10px 22px rgba(0, 0, 0, .45)}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;min-height:100vh}.auth-bg{position:relative}.auth-bg:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(60% 50% at 18% 12%,var(--bg-glow-a) 0%,transparent 60%),radial-gradient(55% 45% at 85% 88%,var(--bg-glow-b) 0%,transparent 60%)}.header{text-align:center;margin-bottom:2rem}.logo{display:inline-flex;align-items:center;gap:.75rem;font-size:1.75rem;font-weight:700;color:var(--text);text-decoration:none;margin-bottom:.75rem;transition:transform .2s ease,opacity .2s ease}.logo:hover{transform:translateY(-1px);opacity:.9}.header-title{font-size:1.85rem;font-weight:700;margin-bottom:.5rem;color:var(--text);letter-spacing:-.01em}:root[data-theme=dark] .logo img:last-child{filter:brightness(0) invert(1)}.header-subtitle{color:var(--muted);font-size:1rem}.form-card{position:relative;background:var(--surface);border-radius:18px;padding:2.5rem;border:1px solid var(--border);box-shadow:var(--shadow-card)}.form-card:before{content:"";position:absolute;top:0;left:24px;right:24px;height:3px;border-radius:0 0 3px 3px;background:linear-gradient(90deg,var(--accent-light),var(--accent),var(--accent-hover));opacity:.85}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text)}.form-group .required{color:var(--error)}.form-group .optional{color:var(--muted);font-weight:400;font-size:.9rem}.form-group input,.form-group select{width:100%;padding:.8rem 1rem;background:var(--input-bg);border:2px solid var(--input-border);border-radius:10px;color:var(--text);font-size:1rem;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.form-group input:hover,.form-group select:hover{border-color:var(--input-hover)}.form-group input::placeholder{color:var(--muted);opacity:.6}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px #5fafb32e}.form-group input.error,.form-group select.error{border-color:var(--error)}input[type=date]::-webkit-calendar-picker-indicator{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'/%3E%3Cline x1='16' y1='2' x2='16' y2='6'/%3E%3Cline x1='8' y1='2' x2='8' y2='6'/%3E%3Cline x1='3' y1='10' x2='21' y2='10'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:18px 18px;width:24px;height:24px;cursor:pointer;opacity:.85;color:transparent}:root[data-theme=dark] input[type=date]::-webkit-calendar-picker-indicator{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23cbd5e1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'/%3E%3Cline x1='16' y1='2' x2='16' y2='6'/%3E%3Cline x1='8' y1='2' x2='8' y2='6'/%3E%3Cline x1='3' y1='10' x2='21' y2='10'/%3E%3C/svg%3E")}.btn{width:100%;padding:1rem;font-size:1.1rem;font-weight:600;border-radius:10px;border:none;cursor:pointer;transition:background .25s ease,transform .15s ease,box-shadow .25s ease,color .2s ease;min-height:48px}.btn-primary{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-hover) 100%);color:#fff;box-shadow:var(--shadow-btn)}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-btn-hover)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{background:var(--muted);cursor:not-allowed;opacity:.6;box-shadow:none}.btn-primary.loading{position:relative;color:transparent}.btn-primary.loading:after{content:"";position:absolute;width:20px;height:20px;top:50%;left:50%;margin-left:-10px;margin-top:-10px;border:3px solid #fff;border-radius:50%;border-top-color:transparent;animation:spin .8s linear infinite}.btn-secondary{background:transparent;color:var(--muted);border:1.5px solid var(--border);flex-shrink:0;width:auto;padding:1rem 1.5rem}.btn-secondary:hover{background:var(--bg);color:var(--text);border-color:var(--muted)}@keyframes spin{to{transform:rotate(360deg)}}.form-link{color:var(--link);text-decoration:none;font-size:.95rem;font-weight:500;transition:color .2s ease}.form-link:hover{text-decoration:underline}.error-message,.success-message{border-radius:10px;padding:1rem;margin-bottom:1.5rem;font-size:.95rem;display:none}.error-message{background:#ef44441a;border:1px solid var(--error);color:var(--error)}.success-message{background:#5fafb31f;border:1px solid var(--success);color:var(--success)}.error-message.visible,.success-message.visible{display:block}.checkbox-group{margin-bottom:1rem}.checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer}.checkbox-label input[type=checkbox]{width:20px;height:20px;cursor:pointer;flex-shrink:0;accent-color:var(--accent)}.checkbox-text{font-size:.95rem;color:var(--text)}.checkbox-text a{color:var(--accent);text-decoration:none}.checkbox-text a:hover{text-decoration:underline}.form-footer{text-align:center;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border)}.form-footer-text{color:var(--muted);font-size:.95rem}.form-footer-link{color:var(--accent);text-decoration:none;font-weight:600}.form-footer-link:hover{text-decoration:underline}.dark-mode-toggle{position:fixed;top:1.5rem;right:1.5rem;width:44px;height:44px;border-radius:50%;background:var(--surface);border:1.5px solid var(--border);color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease;z-index:1000;box-shadow:0 2px 8px #00000014;padding:0}.dark-mode-toggle:hover{transform:scale(1.08);box-shadow:0 4px 12px #00000026}.dark-mode-toggle:active{transform:scale(.94)}:root[data-theme=dark] .dark-mode-toggle{background:#1e293b;border-color:#334155;box-shadow:0 2px 8px #0000004d}.dark-mode-toggle .sidebar-label{display:none}.dark-mode-toggle .sidebar-icon{width:20px;height:20px}@media (max-width: 768px){.dark-mode-toggle{top:1rem;right:1rem;width:40px;height:40px}}