:root{--dna-orange: #f26f21;--dna-teal: #0093c8;--dna-navy: #003b5c;--dna-green: #008000;--dna-green-light: rgba(0, 128, 0, .1);--bg-primary: #111111;--bg-secondary: #171717;--bg-card: #1c1c1c;--bg-hover: #222222;--border: rgba(255, 255, 255, .06);--border-light: rgba(255, 255, 255, .03);--accent: var(--dna-teal);--accent-hover: var(--dna-orange);--accent-light: rgba(0, 147, 200, .1);--success: #008000;--success-light: rgba(0, 128, 0, .1);--warning: var(--dna-orange);--warning-light: rgba(242, 111, 33, .1);--danger: #f87171;--danger-light: rgba(248, 113, 113, .1);--info: var(--dna-teal);--info-light: rgba(0, 147, 200, .1);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .7);--text-muted: rgba(255, 255, 255, .4);--glow-teal: 0 4px 20px rgba(0, 147, 200, .12);--glow-orange: 0 4px 20px rgba(242, 111, 33, .12);--gradient-stark: linear-gradient(135deg, var(--dna-orange), var(--dna-teal));--scrollbar-thumb: rgba(255, 255, 255, .08);--scrollbar-track: transparent;--sidebar-width: 260px;--topbar-height: 72px;--radius: 4px;--radius-lg: 6px;--shadow: 0 1px 3px rgba(0, 0, 0, .4), 0 8px 24px rgba(0, 0, 0, .25);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3), 0 4px 12px rgba(0, 0, 0, .15);--transition: all .35s cubic-bezier(.16, 1, .3, 1)}[data-theme=light]{--bg-primary: #f8f8fb;--bg-secondary: #ffffff;--bg-card: #ffffff;--bg-hover: #f1f2f5;--border: rgba(0, 0, 0, .08);--border-light: rgba(0, 0, 0, .04);--accent: var(--dna-navy);--accent-hover: var(--dna-teal);--accent-light: rgba(0, 59, 92, .05);--dna-green: #008000;--dna-green-light: rgba(0, 128, 0, .05);--text-primary: #121214;--text-secondary: #52525b;--text-muted: #82828c;--shadow: 0 16px 32px rgba(0, 0, 0, .04);--shadow-sm: 0 8px 16px rgba(0, 0, 0, .02);--scrollbar-thumb: rgba(0, 0, 0, .1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;margin:0;padding:0}body{font-family:Inter,-apple-system,sans-serif;background:var(--bg-primary);color:var(--text-primary);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6,.font-heading{font-family:Outfit,-apple-system,sans-serif;letter-spacing:-.02em}a{color:inherit;text-decoration:none}.stark-glass-panel{background:linear-gradient(var(--bg-secondary),var(--bg-secondary)) padding-box,var(--gradient-stark) border-box;border-radius:16px;border:1px solid transparent;box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff0d;transition:all .4s cubic-bezier(.16,1,.3,1)}.stark-glass-panel:hover{box-shadow:0 12px 40px #0006,inset 0 1px #ffffff14;transform:translateY(-2px)}[data-theme=light] .stark-glass-panel{box-shadow:0 4px 12px #0000000d,inset 0 1px #ffffff80}[data-theme=light] .stark-glass-panel:hover{box-shadow:0 8px 24px #0093c81a,inset 0 1px #fffc}.glass-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;transition:all .2s ease;padding:24px;position:relative;overflow:hidden}.glass-card:hover{border-color:#ffffff1f;background:var(--bg-hover)}.glass-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);opacity:0;transition:opacity .3s}.glass-card:hover:before{opacity:1}.glass-panel{background:#161616cc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.05);border-radius:16px;box-shadow:0 4px 24px #0000004d;padding:32px;position:relative;overflow:hidden}.glass-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent)}.member-card{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px;transition:all .2s}.member-card:hover{background:#ffffff0a;border-color:#ffffff1a;transform:translateY(-2px)}[data-theme=light] .glass-card,[data-theme=light] .glass-panel{background:#ffffffb3;border:1px solid rgba(0,0,0,.05);box-shadow:0 4px 12px #00000008}[data-theme=light] .glass-card:hover{box-shadow:0 20px 40px #0093c81a,0 0 0 1px #0093c833 inset}[data-theme=light] .glass-card:before,[data-theme=light] .glass-panel:before{background:linear-gradient(90deg,transparent,rgba(0,0,0,.05),transparent)}[data-theme=light] .member-card{background:#00000005;border:1px solid rgba(0,0,0,.05)}[data-theme=light] .member-card:hover{background:#0000000a;border-color:#0000001a}.premium-modal{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;width:100%;max-width:600px;display:flex;flex-direction:column;box-shadow:0 24px 48px #00000080,0 0 0 1px #ffffff0d inset;overflow:hidden;animation:modalFadeIn .3s cubic-bezier(.16,1,.3,1)}.premium-modal.wide{max-width:800px;max-height:90vh}.premium-modal-header{padding:24px 32px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;background:linear-gradient(180deg,rgba(255,255,255,.03) 0%,transparent 100%)}.premium-modal-title{margin:0;font-size:24px;font-weight:600;letter-spacing:-.02em;background:linear-gradient(90deg,#fff,#ffffffb3);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}[data-theme=light] .premium-modal-header{background:linear-gradient(180deg,rgba(0,0,0,.02) 0%,transparent 100%)}[data-theme=light] .premium-modal-title{background:linear-gradient(90deg,#121214,#121214b3);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}[data-theme=light] .premium-modal-footer{background:var(--bg-card);border-top:1px solid rgba(0,0,0,.06)}[data-theme=light] .premium-modal{box-shadow:0 8px 32px #0000001f,0 0 0 1px #0000000d}[data-theme=light] .form-input,[data-theme=light] .form-select,[data-theme=light] .form-textarea{background:#fff;border-color:#0000001a;color:var(--text-primary)}[data-theme=light] .form-input:focus,[data-theme=light] .form-select:focus,[data-theme=light] .form-textarea:focus{border-color:var(--dna-teal);box-shadow:0 0 0 3px #0093c81a}[data-theme=light] .form-select option{background:#fff;color:var(--text-primary)}.premium-modal-body{padding:32px;display:flex;flex-direction:column;gap:24px}.premium-modal.wide .premium-modal-body{overflow-y:auto;gap:32px}.premium-modal-footer{padding:20px 32px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:12px;background:var(--bg-card)}.premium-modal.wide .premium-modal-footer{position:sticky;bottom:0;z-index:10}.icon-input{padding-left:40px!important}@keyframes delicateFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-3px) scale(1.05)}}.animated-icon{animation:delicateFloat 3s ease-in-out infinite;display:inline-block;transform-origin:center;filter:drop-shadow(0 4px 8px rgba(0,147,200,.2))}.form-section{display:flex;flex-direction:column;gap:16px}.form-section-title{font-size:13px;text-transform:uppercase;letter-spacing:.1em;color:var(--dna-blue);font-weight:600;margin:0 0 8px;display:flex;align-items:center;gap:8px}.form-section-title:after{content:"";flex-grow:1;height:1px;background:linear-gradient(90deg,var(--border),transparent)}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:600px){.premium-modal-header,.premium-modal-body,.premium-modal-footer{padding:20px}}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}.scroll-fade-container{position:relative;display:flex;flex:1;min-width:0}.scroll-fade-mask{mask-image:linear-gradient(to right,transparent,black 16px,black calc(100% - 16px),transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 16px,black calc(100% - 16px),transparent)}.dna-helix-svg{width:32px;height:32px;flex-shrink:0;animation:dnaHelixRotate 5s linear infinite;filter:drop-shadow(0 0 6px rgba(0,147,200,.5));object-fit:contain;transform-style:preserve-3d;display:block}.dna-logo-wrapper{position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer}.dna-glow-ring{position:absolute;inset:-6px;border-radius:50%;border:1.5px solid rgba(0,147,200,0);transition:border-color .3s ease,box-shadow .3s ease;pointer-events:none}.dna-glow-ring--active{border-color:#0093c8b3;box-shadow:0 0 12px #0093c880,inset 0 0 8px #0093c826;animation:dnaRingPulse 1.2s ease-in-out infinite}@keyframes dnaRingPulse{0%,to{box-shadow:0 0 8px #0093c859,inset 0 0 6px #0093c81a}50%{box-shadow:0 0 20px #f26f2180,inset 0 0 12px #f26f2126}}@keyframes dnaHelixRotate{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:24px;transition:all .2s ease;position:relative;overflow:hidden;min-width:0}.card:hover{border-color:#ffffff1a}.stat-card{background:transparent;border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;display:flex;flex-direction:row;align-items:center;transition:var(--transition)}.stat-card:hover{border-color:#fff3;background:var(--bg-hover);border-top:1px solid transparent;border-image:linear-gradient(to right,var(--dna-orange),var(--dna-teal)) 1}[data-theme=light] .stat-card:hover{border-color:#0003}.stat-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.stat-icon{font-size:18px;color:var(--dna-teal);opacity:.8}.stat-info .stat-value{font-size:32px;font-weight:500;color:var(--text-primary);line-height:1;letter-spacing:-.04em;font-family:Outfit,sans-serif;margin-bottom:8px}.stat-info .stat-label{font-size:12px;font-weight:500;color:var(--text-secondary);letter-spacing:.02em}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.grid-3{display:flex;flex-wrap:wrap;gap:24px}.grid-3>*{flex:1 1 320px;min-width:0}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}@media(max-width:1280px){.grid-4{grid-template-columns:repeat(2,1fr);gap:16px}.grid-2{gap:16px}}@media(max-width:768px){.grid-4,.grid-3,.grid-2{grid-template-columns:1fr;gap:16px}.academic-grid{grid-template-columns:1fr!important;gap:16px!important}.academic-grid>div[style*=gridColumn]{grid-column:span 1!important}.grid-4.dashboard-stat-cards{grid-template-columns:repeat(2,1fr);gap:12px}.dashboard-stat-cards .stat-card{padding:14px 12px}.dashboard-stat-cards .stat-icon{font-size:16px}.dashboard-stat-cards .stat-value{font-size:24px;margin-bottom:4px}.dashboard-stat-cards .stat-label{font-size:10px}}.dashboard-main-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:stretch;margin-bottom:32px}.dashboard-charts-col{display:flex;flex-direction:column;gap:20px;min-width:0;width:100%}.dashboard-feed-col{overflow:hidden;min-height:0}@media(max-width:1280px){.dashboard-main-grid{grid-template-columns:1fr}}@media(max-width:1024px)and (min-width:641px){.grid-4{grid-template-columns:repeat(2,1fr)}}.page-header{margin-bottom:32px}.page-header h1{font-size:28px;font-weight:500;margin-bottom:8px;letter-spacing:-.03em}.page-header p{color:var(--text-secondary);font-size:14px}@media(max-width:768px){.page-header{margin-bottom:32px}.page-header h1{font-size:24px}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border-radius:var(--radius);font-size:13px;font-weight:500;cursor:pointer;border:1px solid transparent;transition:var(--transition);font-family:inherit}.btn-primary{background:var(--dna-orange);color:#fff;border:1px solid transparent}.btn-primary:hover{background:var(--dna-teal);opacity:1}.btn-ghost{background:transparent;color:var(--text-primary);border:1px solid var(--border)}.btn-ghost:hover{background:var(--bg-hover);border-color:#fff3}[data-theme=light] .btn-ghost:hover{border-color:#0003}.btn-white{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border);box-shadow:0 1px 3px #00000026;font-weight:600}.btn-white:hover{background:var(--bg-hover)}.btn-sm{padding:6px 12px;font-size:12px;font-weight:500;border-radius:var(--radius)}.btn-link{background:none;color:var(--text-secondary);border:none;padding:0;font-size:12px;font-weight:500}.btn-link:hover{color:var(--text-primary)}.form-group{margin-bottom:24px}.form-label{display:block;font-size:12px;font-weight:500;color:var(--text-secondary);margin-bottom:8px}.form-input,.form-select,.form-textarea{width:100%;padding:12px 16px;background:transparent;border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-family:inherit;font-size:14px;transition:var(--transition)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--text-secondary)}.form-select option{background:var(--bg-secondary)}.form-textarea{resize:vertical;min-height:120px}.table-wrapper{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;box-shadow:0 2px 12px #00000026}table{width:100%;border-collapse:collapse}thead th{padding:14px 20px;font-size:10px;font-weight:600;color:var(--text-muted);text-align:left;border-bottom:1px solid var(--border);background:var(--bg-secondary);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}thead th:first-child{border-top-left-radius:var(--radius-lg)}thead th:last-child{border-top-right-radius:var(--radius-lg)}tbody td{padding:14px 20px;font-size:13px;border-bottom:1px solid var(--border-light);color:var(--text-primary);transition:background .2s ease}tbody tr{transition:background .2s ease;position:relative}tbody tr:nth-child(2n) td{background:#0093c804}tbody tr:last-child td{border-bottom:none}tbody tr:hover td{background:var(--bg-hover)}tbody tr:hover td:first-child{box-shadow:inset 3px 0 0 var(--accent)}.badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:4px;font-size:11px;font-weight:500;letter-spacing:.02em}.badge-success{background:var(--success-light);color:var(--success)}.badge-danger{background:var(--danger-light);color:var(--danger)}.badge-warning{background:var(--warning-light);color:var(--warning)}.badge-info{background:var(--info-light);color:var(--info)}.badge-neutral{background:var(--bg-hover);color:var(--text-secondary);border:1px solid var(--border)}.modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1300;animation:fadein .15s ease}.modal{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:32px;width:100%;max-width:520px;max-height:90vh;overflow-y:auto;animation:slideup .2s ease}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.modal-header h2{font-size:18px;font-weight:700}.modal-close{background:none;border:none;color:var(--text-muted);font-size:22px;cursor:pointer;padding:4px;transition:var(--transition)}.modal-close:hover{color:var(--text-primary)}.modal-footer{display:flex;gap:10px;justify-content:flex-end;margin-top:24px}@keyframes fadein{0%{opacity:0}to{opacity:1}}@keyframes slideup{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}.progress-bar{height:6px;background:var(--bg-hover);border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent),#8b5cf6);border-radius:3px;transition:width .5s ease}.chip{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:500;background:var(--bg-hover);color:var(--text-secondary)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--text-muted);text-align:center}.empty-state .empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.empty-state p{font-size:14px}.loading-spinner{display:flex;align-items:center;justify-content:center;padding:60px 20px;color:var(--text-muted)}.spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.section-title{font-size:24px;font-weight:700;margin-bottom:24px;display:flex;align-items:center;gap:12px;color:var(--text-primary);font-family:Outfit,sans-serif}.description-text{font-size:18px;line-height:1.8;color:var(--text-secondary);margin-bottom:48px}.mobile-only{display:none!important}@media(max-width:1024px){.project-hero{flex-direction:column;align-items:flex-start}.project-content-grid{grid-template-columns:1fr}}@media(max-width:768px){.desktop-only{display:none!important}.mobile-only{display:flex!important}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.login-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:20px;padding:48px;width:100%;max-width:420px;box-shadow:var(--shadow)}.login-logo{text-align:center;margin-bottom:32px}.login-logo .logo-circle{width:60px;height:60px;border-radius:16px;background:linear-gradient(135deg,var(--accent),#8b5cf6);display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:800;color:#fff;margin:0 auto 12px}.login-logo h1{font-size:22px;font-weight:800}.login-logo p{color:var(--text-muted);font-size:13px;margin-top:4px}.login-error{background:var(--danger-light);border:1px solid var(--danger);color:var(--danger);padding:10px 14px;border-radius:8px;font-size:13px;margin-bottom:16px}.checklist-item{display:flex;align-items:flex-start;gap:12px;padding:14px 0;border-bottom:1px solid var(--border-light)}.checklist-item:last-child{border-bottom:none}.check-circle{width:24px;height:24px;border-radius:50%;border:2px solid var(--border);display:flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer;transition:var(--transition);font-size:12px}.check-circle.done{background:var(--success);border-color:var(--success);color:#fff}.checklist-info .task-name{font-size:14px;font-weight:600}.checklist-info .task-desc{font-size:12px;color:var(--text-muted);margin-top:2px}.kanban-board{display:flex;gap:16px;overflow-x:auto;padding-bottom:12px}.kanban-col{min-width:260px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px;flex-shrink:0}.kanban-col-header{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px;display:flex;align-items:center;gap:8px}.kanban-card{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:12px;margin-bottom:8px;cursor:pointer;transition:var(--transition)}.kanban-card:hover{border-color:var(--accent);transform:translateY(-1px)}.notif-item{display:flex;align-items:flex-start;gap:12px;padding:14px 0;border-bottom:1px solid var(--border-light);cursor:pointer;transition:var(--transition)}.notif-item:hover{opacity:.85}.notif-item:last-child{border-bottom:none}.notif-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);flex-shrink:0;margin-top:6px}.notif-dot.read{background:transparent;border:1px solid var(--border)}.notif-content .notif-title{font-size:13px;font-weight:600}.notif-content .notif-msg{font-size:12px;color:var(--text-muted);margin-top:2px}.notif-time{font-size:11px;color:var(--text-muted);margin-left:auto;white-space:nowrap}.text-muted{color:var(--text-muted)}.text-sm{font-size:12px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.mb-4{margin-bottom:16px}.flex{display:flex}.items-center{align-items:center}.gap-2{gap:8px}.gap-3{gap:12px}.ml-auto{margin-left:auto}.w-full{width:100%}.header-title-block{flex-shrink:0;padding-right:12px;max-width:60%}.header-title{font-size:28px;font-weight:600;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-subtitle{color:var(--text-muted);font-size:14px;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-chart-container{flex-grow:1;max-width:420px;min-width:120px;height:60px;display:flex;justify-content:flex-end;position:relative;z-index:10}.mini-chart-wrapper{width:100%;height:100%}@media(max-width:600px){.header-top-row{gap:8px;height:50px;margin-bottom:24px}.header-title-block{max-width:45%;padding-right:4px}.header-title{font-size:18px}.header-subtitle{font-size:11px}.mini-chart-container{height:60px;min-width:100px;flex-shrink:1}}[data-theme=light] .mini-chart-container{filter:none}[data-theme=light] .glass-card,[data-theme=light] .glass-panel{background:#fff;border:1px solid rgba(0,0,0,.07);box-shadow:0 2px 8px #0000000d}[data-theme=dark] .glass-panel,.glass-panel[data-theme=dark]{background:#0e18268c!important;-webkit-backdrop-filter:blur(30px)!important;backdrop-filter:blur(30px)!important;border:1px solid rgba(0,147,200,.2)!important;box-shadow:0 40px 100px #00000080!important}[data-theme=dark] .glass-card,.glass-card[data-theme=dark]{background:#0e1826d9!important;border:1px solid rgba(0,147,200,.2)!important}[data-theme=light] .member-card{background:#00000004;border:1px solid rgba(0,0,0,.06)}[data-theme=light] .member-card:hover{background:#00000008;border-color:#0093c833}[data-theme=light] .header-title{color:var(--text-primary)}[data-theme=light] .header-subtitle{color:var(--text-secondary)}@keyframes genie-in{0%{transform:translateY(100vh) scale(.1,.05);opacity:0}40%{transform:translateY(40vh) scale(.4,.8);opacity:.8}70%{transform:translateY(10vh) scale(.9,1.05);opacity:1}to{transform:translateY(0) scale(1);opacity:1}}@keyframes genie-out{0%{transform:translateY(0) scale(1);opacity:1}30%{transform:translateY(10vh) scale(.9,1.05);opacity:1}60%{transform:translateY(40vh) scale(.4,.8);opacity:.8}to{transform:translateY(100vh) scale(.1,.01);opacity:0}}.genie-modal-paper{animation:genie-in .6s cubic-bezier(.2,.8,.2,1) forwards!important;transform-origin:center bottom!important}.genie-modal-paper-exit{animation:genie-out .4s cubic-bezier(.6,-.28,.735,.045) forwards!important;transform-origin:center bottom!important}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 40px var(--bg-card) inset!important;-webkit-text-fill-color:var(--text-primary)!important;transition:background-color 5000s ease-in-out 0s}[data-theme=dark] .form-label{color:#fff9!important;font-weight:600!important;letter-spacing:.02em!important}[data-theme=dark] .form-input,[data-theme=dark] .form-select,[data-theme=dark] .form-textarea{background:#1e293b80!important;border:1px solid rgba(0,147,200,.3)!important;color:#fff!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;transition:all .2s ease!important;appearance:none!important;-webkit-appearance:none!important}[data-theme=dark] .form-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='rgba(255,255,255,0.5)'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 12px center!important;background-size:16px!important;padding-right:40px!important}[data-theme=dark] .form-input:focus,[data-theme=dark] .form-select:focus,[data-theme=dark] .form-textarea:focus{border-color:var(--dna-teal)!important;background:#1e293bb3!important;box-shadow:0 0 0 4px #0093c81a!important}[data-theme=dark] .form-select option{background:#0f172a!important;color:#fff!important}