body{padding-top:0;padding-bottom:80px}.header{position:static;backdrop-filter:none}.nav{height:64px}.container{max-width:1600px!important;padding:0 2.5rem!important}.user-dropdown{position:relative}.user-btn{display:flex;align-items:center;gap:10px;padding:5px 5px 5px 16px;border:1px solid var(--medium-gray);border-radius:100px;background:var(--white);cursor:pointer;transition:all .2s;font-family:inherit;box-shadow:0 1px 3px rgba(10,22,40,.06)}.user-btn:hover{border-color:var(--clarity-blue);box-shadow:0 2px 8px rgba(10,22,40,.1)}.user-name{font-size:.875rem;font-weight:500;color:var(--smart-navy)}.avatar{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--smart-navy) 0,#0f2140 50%,#1a3a6a 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;letter-spacing:.02em;box-shadow:0 2px 6px rgba(10,22,40,.25);transition:transform .15s,box-shadow .15s}.user-btn:hover .avatar{transform:scale(1.05);box-shadow:0 3px 10px rgba(10,22,40,.3)}.dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;background:var(--white);border:1px solid var(--medium-gray);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);min-width:200px;padding:8px 0;display:none;z-index:200}.user-dropdown.open .dropdown-menu{display:block}.dropdown-item{display:flex;align-items:center;gap:12px;padding:12px 16px;color:var(--text-dark);font-size:.9rem;transition:background .15s}.dropdown-item:hover{background:var(--light-gray);color:var(--text-dark)}.dropdown-item svg{width:18px;height:18px;color:var(--dark-gray)}.dropdown-divider{height:1px;background:var(--medium-gray);margin:8px 0}.dropdown-item.danger{color:#dc2626}.dropdown-item.danger:hover{background:#fef2f2}.dropdown-item.danger svg{color:#dc2626}.dashboard-bar{background:linear-gradient(160deg,#060e1a,#0a1628 40%,#0c1e38);padding:0 1.5rem;position:relative;overflow:hidden;border-bottom:none}.dashboard-bar:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(8,145,178,.04) 1px,transparent 0),linear-gradient(90deg,rgba(8,145,178,.04) 1px,transparent 0);background-size:48px 48px;pointer-events:none}.dashboard-bar-inner{max-width:1600px;margin:0 auto;justify-content:space-between;padding:28px 2.5rem;position:relative;z-index:1}.dashboard-bar-inner,.dashboard-left{display:flex;align-items:center;gap:24px}.page-title{display:flex;flex-direction:column;gap:2px}.page-title h1{font-size:1.5rem;font-weight:700;color:var(--white);letter-spacing:-.02em;line-height:1.2}.page-title span{font-size:.8rem;color:hsla(0,0%,100%,.6);font-weight:400}.title-divider{width:1px;height:40px;background:hsla(0,0%,100%,.15)}.metrics{display:flex;gap:8px}.metric{display:flex;align-items:center;gap:10px;padding:12px 18px;border-radius:var(--radius);background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.1);backdrop-filter:blur(10px);min-width:130px;transition:all .2s}.metric:hover{background:hsla(0,0%,100%,.12);border-color:hsla(0,0%,100%,.2)}.metric-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center}.metric-icon svg{width:18px;height:18px}.metric-icon.tasks{background:rgba(8,145,178,.15);color:var(--clarity-blue)}.metric-icon.done{background:rgba(16,185,129,.15);color:var(--momentum-green)}.metric-icon.time{background:rgba(8,145,178,.15);color:var(--clarity-blue)}.metric-data{display:flex;flex-direction:column}.metric-value{font-family:JetBrains Mono,monospace;font-size:1.2rem;font-weight:700;line-height:1.1;color:var(--white)}.metric-value.green{color:var(--momentum-green)}.metric-label{font-size:.65rem;color:hsla(0,0%,100%,.5);text-transform:uppercase;letter-spacing:.5px;font-weight:500}.dashboard-right{display:flex;align-items:center;gap:10px}.view-toggle{display:flex;background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.12);border-radius:100px;padding:3px}.view-toggle-btn{padding:8px 18px;border:none;background:transparent;color:hsla(0,0%,100%,.6);font-size:.82rem;font-weight:500;cursor:pointer;border-radius:100px;transition:all .2s;display:flex;align-items:center;gap:6px;font-family:inherit}.view-toggle-btn:hover{color:var(--white)}.view-toggle-btn.active{background:var(--white);color:var(--smart-navy);box-shadow:0 2px 8px rgba(0,0,0,.15);font-weight:600}.view-toggle-btn svg{width:15px;height:15px}.btn-new-task{display:inline-flex;align-items:center;gap:6px;padding:10px 22px;background:var(--white);color:var(--smart-navy);border:none;border-radius:100px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit;letter-spacing:-.01em}.btn-new-task:hover{transform:translateY(-1px);box-shadow:0 4px 16px rgba(0,0,0,.2)}.btn-new-task svg{width:16px;height:16px}.task-container{max-width:1600px;margin:0 auto;padding:24px 2.5rem 80px}.quadrant-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width:768px){.quadrant-grid{grid-template-columns:1fr}}.quadrant{background:var(--white);border:1px solid var(--medium-gray);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;transition:box-shadow .2s,border-color .2s}.quadrant:hover{box-shadow:var(--shadow);border-color:#d4dae3}.quadrant-header{display:flex;align-items:center;gap:10px;padding:16px 20px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background .15s;border-bottom:1px solid transparent}.quadrant:not(.collapsed) .quadrant-header{border-bottom-color:var(--medium-gray)}.quadrant-header:hover{background:var(--light-gray)}.quadrant-indicator{width:3px;height:20px;border-radius:2px;flex-shrink:0}.q1 .quadrant-indicator{background:#ef4444}.q2 .quadrant-indicator{background:#0891b2}.q3 .quadrant-indicator{background:#f59e0b}.q4 .quadrant-indicator{background:#94a3b8}.quadrant-icon{width:20px;height:20px;flex-shrink:0}.q1 .quadrant-icon{color:#ef4444}.q2 .quadrant-icon{color:#0891b2}.q3 .quadrant-icon{color:#f59e0b}.q4 .quadrant-icon{color:#94a3b8}.quadrant-title{font-weight:600;font-size:.92rem;color:var(--text-dark)}.quadrant-subtitle{color:var(--dark-gray);font-size:.78rem;font-weight:400;margin-left:6px}.quadrant-count{margin-left:auto;background:var(--light-gray);padding:3px 10px;border-radius:100px;font-size:.75rem;color:var(--dark-gray);font-weight:600;font-family:JetBrains Mono,monospace}.chevron{width:18px;height:18px;color:var(--dark-gray);transition:transform .2s;opacity:.5}.quadrant.collapsed .chevron{transform:rotate(-90deg)}.quadrant-tasks{flex:1;overflow-y:auto;max-height:400px}.quadrant.collapsed .quadrant-tasks{display:none}.task-row{display:flex;align-items:center;gap:12px;padding:12px 20px;border-bottom:1px solid #f0f2f5;transition:all .15s;position:relative}.task-row:last-child{border-bottom:none}.task-row:hover{background:#fafbfd}.task-row.running{background:linear-gradient(90deg,rgba(16,185,129,.04),transparent)}.task-row.running:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--momentum-green);border-radius:0 2px 2px 0;animation:pulse-bar 2s ease-in-out infinite}@keyframes pulse-bar{0%,to{opacity:1}50%{opacity:.4}}.task-checkbox{width:20px;height:20px;border:2px solid var(--medium-gray);border-radius:6px;cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all .15s;background:var(--white)}.task-checkbox:hover{border-color:var(--smart-navy)}.task-checkbox.checked{background:var(--momentum-green);border-color:var(--momentum-green)}.task-checkbox svg{width:12px;height:12px;color:#fff;display:none}.task-checkbox.checked svg{display:block}.task-info{flex:1;min-width:0}.task-title{font-weight:500;font-size:.88rem;color:var(--text-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;transition:color .15s}.task-title:hover{color:var(--smart-navy)}.task-row.completed .task-title{color:var(--dark-gray);text-decoration:line-through}.task-desc{font-size:.78rem;overflow:hidden;text-overflow:ellipsis;margin-top:1px}.due-chip,.task-desc{color:var(--dark-gray);white-space:nowrap}.due-chip{display:inline-flex;align-items:center;gap:4px;font-size:.75rem;padding:4px 10px;border-radius:6px;background:var(--light-gray);font-weight:500}.due-chip svg{width:12px;height:12px}.due-chip.overdue{background:#fef2f2;color:#dc2626}.due-chip.soon{background:#fffbeb;color:#d97706}.task-timer{display:flex;align-items:center;gap:8px;min-width:120px;justify-content:flex-end}.timer-display{font-family:JetBrains Mono,monospace;font-size:.8rem;font-weight:500;color:var(--dark-gray);min-width:65px;text-align:right}.task-row.running .timer-display{color:var(--momentum-green);font-weight:700}.timer-btn{width:30px;height:30px;border-radius:8px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.timer-btn:hover{transform:scale(1.08)}.timer-btn svg{width:12px;height:12px}.play-btn{background:var(--smart-navy);color:#fff}.pause-btn{background:#ef4444;color:#fff}.task-actions{display:flex;gap:2px;opacity:0;transition:opacity .15s}.task-row:hover .task-actions{opacity:1}.action-btn{width:28px;height:28px;border:none;background:transparent;color:var(--dark-gray);cursor:pointer;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .15s}.action-btn:hover{background:var(--light-gray);color:var(--smart-navy)}.action-btn.danger:hover{background:#fef2f2;color:#dc2626}.action-btn svg{width:15px;height:15px}.empty-state{flex-direction:column;padding:40px 20px;color:var(--dark-gray)}.empty-icon,.empty-state{display:flex;align-items:center;justify-content:center}.empty-icon{width:44px;height:44px;border-radius:12px;background:var(--light-gray);margin-bottom:12px}.empty-icon svg{width:20px;height:20px;color:#c4cdd8}.empty-state p{font-size:.85rem;color:#a0aab6;margin:0}.archive-card{background:var(--white);border:1px solid var(--medium-gray);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.archive-toolbar{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--medium-gray)}.archive-toolbar-left{display:flex;align-items:center;gap:12px}.archive-toolbar-left svg{width:20px;height:20px;color:var(--dark-gray)}.archive-toolbar-left h3{font-size:.95rem;font-weight:600;color:var(--text-dark);margin:0}.archive-count{padding:3px 10px;border-radius:100px;font-size:.75rem;font-family:JetBrains Mono,monospace}.archive-count,.archive-table-header{background:var(--light-gray);color:var(--dark-gray);font-weight:600}.archive-table-header{padding:10px 24px;border-bottom:1px solid var(--medium-gray);font-size:.7rem;text-transform:uppercase;letter-spacing:.5px}.archive-row,.archive-table-header{display:grid;grid-template-columns:1fr 100px 100px 100px 160px}.archive-row{align-items:center;padding:14px 24px;border-bottom:1px solid #f0f2f5;transition:all .15s}.archive-row:last-child{border-bottom:none}.archive-row:hover{background:var(--light-gray)}.archive-task-info{display:flex;flex-direction:column;gap:2px;min-width:0}.archive-task-name{font-weight:500;font-size:.88rem;color:var(--dark-gray);text-decoration:line-through}.archive-task-desc,.archive-task-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.archive-task-desc{font-size:.75rem;color:#a0aab6}.archive-quadrant{display:inline-flex;align-items:center;gap:5px;font-size:.78rem;font-weight:500;color:var(--dark-gray)}.archive-q-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.archive-q-dot.q1{background:#ef4444}.archive-q-dot.q2{background:#0891b2}.archive-q-dot.q3{background:#f59e0b}.archive-q-dot.q4{background:#94a3b8}.archive-date{font-size:.8rem;color:var(--dark-gray)}.archived-actions{display:flex;gap:6px;justify-content:flex-end}.btn-restore{display:inline-flex;align-items:center;gap:5px;padding:6px 14px;border-radius:8px;border:1px solid var(--medium-gray);background:var(--white);color:var(--text-dark);font-size:.78rem;font-weight:500;cursor:pointer;transition:all .15s;font-family:inherit}.btn-restore:hover{border-color:var(--smart-navy);color:var(--smart-navy);background:rgba(10,22,40,.03)}.btn-restore svg{width:13px;height:13px}.btn-delete{display:inline-flex;align-items:center;gap:5px;padding:6px 14px;border-radius:8px;border:1px solid transparent;background:#fef2f2;color:#dc2626;font-size:.78rem;font-weight:500;cursor:pointer;transition:all .15s;font-family:inherit}.btn-delete:hover{background:#fde8e8;border-color:#fca5a5}.btn-delete svg{width:13px;height:13px}.tracking-bar{position:fixed;bottom:16px;left:50%;transform:translateX(-50%) translateY(calc(100% + 32px));background:var(--text-dark);color:#fff;border-radius:14px;z-index:1000;box-shadow:0 8px 40px rgba(0,0,0,.3);max-width:640px;width:calc(100% - 32px);overflow:hidden;transition:transform .3s ease}.tracking-bar.visible{transform:translateX(-50%) translateY(0)}.tracking-bar-inner{display:flex;align-items:center;padding:14px 20px;gap:16px}.tracking-info{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.tracking-pulse{width:10px;height:10px;background:var(--momentum-green);border-radius:50%;flex-shrink:0;animation:tracking-pulse 1.5s ease-in-out infinite}@keyframes tracking-pulse{0%,to{opacity:1;box-shadow:0 0 0 0 rgba(16,185,129,.4)}50%{opacity:.6;box-shadow:0 0 0 6px rgba(16,185,129,0)}}.tracking-details{flex:1;min-width:0;display:flex;flex-direction:column}.tracking-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.5px;color:var(--clarity-blue);font-weight:600}.tracking-task-name{font-weight:500;font-size:.88rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:hsla(0,0%,100%,.9)}.tracking-time{font-family:JetBrains Mono,monospace;font-size:1.4rem;font-weight:700;color:var(--momentum-green);min-width:100px;text-align:right}.tracking-stop{background:rgba(239,68,68,.9);color:#fff;border:none;padding:8px 18px;border-radius:10px;font-weight:600;font-size:.8rem;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .15s;font-family:inherit}.tracking-stop:hover{background:#dc2626}.tracking-stop svg{width:14px;height:14px}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);display:none;align-items:center;justify-content:center;z-index:1001;padding:20px}.modal-overlay.open{display:flex}.modal{background:var(--white);border-radius:var(--radius-lg);width:100%;max-width:520px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}.modal-header{padding:24px;border-bottom:1px solid var(--medium-gray);display:flex;justify-content:space-between;align-items:center}.modal-title{font-size:1.25rem;font-weight:700;color:var(--smart-navy);margin:0}.modal-close{background:none;border:none;cursor:pointer;color:var(--dark-gray);padding:4px;border-radius:var(--radius);transition:all .15s}.modal-close:hover{background:var(--light-gray);color:var(--smart-navy)}.modal-close svg{width:22px;height:22px}.modal-body{padding:24px}.modal .form-group{margin-bottom:20px}.modal .form-label{display:block;font-weight:600;margin-bottom:8px;font-size:.9rem;color:var(--smart-navy)}.form-select,.form-textarea,.modal .form-input{width:100%;padding:12px 14px;border:1px solid var(--medium-gray);border-radius:var(--radius);font-size:.95rem;font-family:inherit;transition:border-color .15s,box-shadow .15s}.form-select:focus,.form-textarea:focus,.modal .form-input:focus{outline:none;border-color:var(--smart-navy);box-shadow:0 0 0 3px rgba(10,22,40,.1)}.form-textarea{resize:vertical;min-height:100px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.modal-footer{padding:20px 24px;border-top:1px solid var(--medium-gray);display:flex;justify-content:flex-end;gap:12px}.btn-modal{padding:12px 24px;border-radius:100px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .15s;font-family:inherit}.btn-cancel{background:var(--white);border:1px solid var(--medium-gray);color:var(--text-dark)}.btn-cancel:hover{background:var(--light-gray);border-color:var(--dark-gray)}.btn-save{background:var(--smart-navy);border:1px solid var(--smart-navy);color:#fff}.btn-save:hover{background:var(--primary-dark)}.loading{display:flex;align-items:center;justify-content:center;padding:60px}.spinner{width:40px;height:40px;border:3px solid var(--medium-gray);border-top-color:var(--smart-navy);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.nav-links a.active{color:var(--smart-navy);font-weight:600}@media (max-width:900px){.metrics,.title-divider{display:none}.dashboard-bar-inner{flex-wrap:wrap;gap:16px;padding:24px 0}.dashboard-left{width:100%}.dashboard-right{width:100%;justify-content:space-between}}@media (max-width:768px){.task-desc{display:none}.task-actions{opacity:1}.quadrant-subtitle{display:none}.form-row{grid-template-columns:1fr}.user-name{display:none}.user-btn{padding:4px}.archive-table-header,.nav-right .social-links{display:none}.archive-row{grid-template-columns:1fr;gap:8px;padding:16px 20px}.archived-actions{justify-content:flex-start}.due-chip{display:none}.tracking-bar-inner{padding:12px 16px}.tracking-label{display:none}.tracking-time{font-size:1.1rem;min-width:80px}}.toast-container{position:fixed;top:24px;right:24px;z-index:2000;display:flex;flex-direction:column;gap:8px}.toast{display:flex;align-items:center;gap:12px;padding:14px 20px;border-radius:12px;background:var(--white);border:1px solid var(--medium-gray);box-shadow:0 8px 32px rgba(10,22,40,.15);font-size:.9rem;color:var(--text-dark);animation:toast-in .3s ease;min-width:280px;max-width:420px}.toast.toast-error{border-color:#fecaca;background:#fef2f2}.toast.toast-success{border-color:rgba(16,185,129,.3);background:#f0fdf4}.toast-icon{width:20px;height:20px;flex-shrink:0}.toast-error .toast-icon{color:#dc2626}.toast-success .toast-icon{color:var(--green)}.toast-message{flex:1;font-weight:500}.toast-close{background:none;border:none;cursor:pointer;color:var(--dark-gray);padding:4px;border-radius:6px;transition:background .15s}.toast-close:hover{background:rgba(0,0,0,.05)}.toast-close svg{width:16px;height:16px}.toast-exit{animation:toast-out .2s ease forwards}@keyframes toast-in{0%{opacity:0;transform:translateX(40px)}to{opacity:1;transform:translateX(0)}}@keyframes toast-out{to{opacity:0;transform:translateX(40px)}}.confirm-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:2001;padding:20px;animation:fade-in .15s ease}.confirm-box{background:var(--white);border-radius:16px;padding:28px;max-width:400px;width:100%;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);animation:scale-in .2s ease}.confirm-box h3{font-size:1.1rem;font-weight:700;color:var(--text-dark);margin-bottom:8px}.confirm-box p{font-size:.9rem;color:var(--dark-gray);line-height:1.6;margin-bottom:24px}.confirm-actions{display:flex;justify-content:flex-end;gap:12px}.confirm-cancel{padding:10px 20px;border-radius:100px;border:1px solid var(--medium-gray);background:var(--white);color:var(--text-dark);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .15s;font-family:inherit}.confirm-cancel:hover{background:var(--light-gray);border-color:var(--dark-gray)}.confirm-ok{padding:10px 20px;border-radius:100px;border:none;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .15s;font-family:inherit}.confirm-ok.danger{background:#dc2626;color:#fff}.confirm-ok.danger:hover{background:#b91c1c}.confirm-ok.warning{background:var(--smart-navy);color:#fff}.confirm-ok.warning:hover{background:var(--primary-dark)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.styled-select{position:relative}.styled-select-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 14px;border:1px solid var(--medium-gray);border-radius:var(--radius);font-size:.95rem;font-family:inherit;cursor:pointer;background:var(--white);color:var(--text-dark);transition:border-color .15s,box-shadow .15s}.styled-select-trigger:hover{border-color:var(--dark-gray)}.styled-select-trigger.open{border-color:var(--smart-navy);box-shadow:0 0 0 3px rgba(10,22,40,.1)}.styled-select-trigger svg{width:16px;height:16px;color:var(--dark-gray);transition:transform .2s}.styled-select-trigger.open svg{transform:rotate(180deg)}.styled-select-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--white);border:1px solid var(--medium-gray);border-radius:var(--radius);box-shadow:var(--shadow-lg);z-index:100;padding:4px;display:none}.styled-select.open .styled-select-menu{display:block}.styled-select-option{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:6px;cursor:pointer;font-size:.9rem;transition:background .1s}.styled-select-option:hover{background:var(--light-gray)}.styled-select-option.selected{background:rgba(8,145,178,.06);font-weight:600}.styled-select-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.styled-select-dot.q1{background:#ef4444}.styled-select-dot.q2{background:#0891b2}.styled-select-dot.q3{background:#f59e0b}.styled-select-dot.q4{background:#94a3b8}.quadrant-grid .task-row{flex-wrap:wrap;gap:8px;padding:12px 16px}.quadrant-grid .task-timer{min-width:auto;gap:8px}.quadrant-grid .task-actions{opacity:1}@media (min-width:769px){.nav-right .social-links{display:none}}*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--smart-navy:#0a1628;--smart-navy-dark:#060e1a;--clarity-blue:#22d3ee;--momentum-green:#10b981;--teal:#0891b2;--teal-light:#22d3ee;--white:#fff;--light-gray:#f8fafc;--medium-gray:#e2e8f0;--dark-gray:#64748b;--text-dark:#0f172a;--error:#dc2626;--error-bg:#fef2f2;--shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1)}body{font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--light-gray);min-height:100vh}.header{background:var(--white);border-bottom:1px solid var(--medium-gray);padding:1rem 1.5rem}.header-inner{max-width:1200px;margin:0 auto;justify-content:space-between}.header-inner,.logo{display:flex;align-items:center}.logo{gap:10px;font-size:1.25rem;font-weight:600;color:var(--smart-navy);text-decoration:none}.logo svg{color:var(--teal)}.logo:hover{color:var(--smart-navy)}.main{min-height:calc(100vh - 80px);display:flex;align-items:center;justify-content:center;padding:2rem 1.5rem}.auth-card{background:var(--white);border-radius:12px;box-shadow:var(--shadow-lg);width:100%;max-width:420px;padding:2.5rem}.auth-header{text-align:center;margin-bottom:2rem}.auth-label{display:inline-block;background:rgba(13,148,136,.1);color:var(--teal);padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:1rem}.auth-title{font-size:1.75rem;font-weight:700;color:var(--smart-navy);margin-bottom:.5rem}.auth-subtitle{color:var(--dark-gray);font-size:.95rem}.form-group{margin-bottom:1.25rem}.form-label{display:block;font-weight:500;color:var(--text-dark);margin-bottom:.5rem;font-size:.9rem}.form-input{width:100%;padding:.75rem 1rem;font-size:1rem;font-family:inherit;border:1px solid var(--medium-gray);border-radius:8px;background:var(--white);color:var(--text-dark);transition:border-color .2s,box-shadow .2s}.form-input:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px rgba(13,148,136,.1)}.form-input::-moz-placeholder{color:var(--dark-gray);opacity:.6}.form-input::placeholder{color:var(--dark-gray);opacity:.6}.form-input.error{border-color:var(--error)}.password-field{position:relative}.password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--dark-gray);cursor:pointer;padding:4px}.password-toggle:hover{color:var(--smart-navy)}.password-toggle svg{width:20px;height:20px}.error-message{background:var(--error-bg);color:var(--error);padding:.75rem 1rem;border-radius:8px;font-size:.875rem;margin-bottom:1.25rem;display:none}.error-message.show{display:block}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:.875rem 1.5rem;font-size:1rem;font-weight:600;font-family:inherit;border-radius:8px;border:none;cursor:pointer;transition:all .2s}.btn-primary{background:var(--teal);color:var(--white)}.btn-primary:hover{background:var(--teal-light)}.btn-primary:disabled{background:var(--medium-gray);cursor:not-allowed}.btn .spinner{width:20px;height:20px;border:2px solid transparent;border-top-color:currentcolor;border-radius:50%;animation:spin .8s linear infinite;display:none}.btn.loading .spinner{display:block}.btn.loading .btn-text{display:none}.form-footer{margin-top:1.5rem;text-align:center}.form-link{color:var(--teal);text-decoration:none;font-weight:500;font-size:.9rem}.form-link:hover{color:var(--smart-navy);text-decoration:underline}.form-divider{display:flex;align-items:center;gap:1rem;margin:1.5rem 0;color:var(--dark-gray);font-size:.875rem}.form-divider:after,.form-divider:before{content:"";flex:1;height:1px;background:var(--medium-gray)}.signup-link{text-align:center;margin-top:1rem;font-size:.9rem;color:var(--dark-gray)}.signup-link a{color:var(--teal);font-weight:600;text-decoration:none}.signup-link a:hover{text-decoration:underline}.footer{padding:1.5rem;text-align:center;font-size:.8rem}.footer,.footer a{color:var(--dark-gray)}.footer a{text-decoration:none}.footer a:hover{text-decoration:underline}