.navbar{position:fixed;top:0;width:100%;z-index:1000}.nav-menu{margin:24px auto 0;display:flex;align-items:center;gap:14px;list-style:none;padding:12px 18px;background:linear-gradient(135deg,#0d1420,#07183c);border-radius:16px;box-shadow:0 20px 50px #00000073;width:fit-content}.nav-menu button{background:none;border:none;color:#dbeafe;font-size:14px;font-weight:500;min-height:40px;padding:8px 14px;border-radius:10px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:.25s ease}.nav-menu button:hover,.nav-menu button.active{background:#60a5fa24;color:#fff}.mobile-bottom-nav{display:none}.popup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1200;animation:fadeIn .25s ease}.home-popup{position:fixed;bottom:100px;left:50%;transform:translate(-50%);width:320px;background:linear-gradient(135deg,#0d1420,#07183c);border-radius:22px;padding:24px;z-index:1300;box-shadow:0 25px 60px #00000073;animation:popupSlide .3s ease}.popup-close{position:absolute;top:12px;right:12px;background:#ffffff14;border:none;color:#fff;width:34px;height:34px;border-radius:50%;cursor:pointer}.popup-title{color:#fff;font-size:18px;font-weight:600;text-align:center;margin-bottom:24px}.popup-buttons{display:flex;gap:12px;justify-content:center}.popup-btn{flex:1;border:none;border-radius:16px;padding:14px 10px;cursor:pointer;color:#fff;display:flex;flex-direction:column;align-items:center;gap:8px;transition:.25s ease}.popup-btn:hover{transform:translateY(-3px)}.home-btn{background:linear-gradient(135deg,#2563eb,#1d4ed8)}.login-btn{background:linear-gradient(135deg,#7c3aed,#5b21b6)}.docs-btn{background:linear-gradient(135deg,#0f766e,#115e59)}.logout-btn{background:linear-gradient(135deg,#dc2626,#991b1b)}@keyframes popupSlide{0%{opacity:0;transform:translate(-50%) translateY(25px) scale(.95)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 768px){.nav-menu{display:none}.mobile-bottom-nav{position:fixed;bottom:12px;left:10px;right:10px;min-height:72px;padding:10px;border-radius:18px;background:linear-gradient(135deg,#0d1420,#07183c);display:flex;justify-content:space-around;align-items:center;z-index:1000;box-shadow:0 -10px 30px #00000073}.mobile-bottom-nav button{flex:1;min-width:0;background:transparent;border:none;outline:none;box-shadow:none;-webkit-tap-highlight-color:transparent;color:#b5c0ff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;font-size:11px}.mobile-bottom-nav button.active{color:#fff}.mobile-bottom-nav button:focus,.mobile-bottom-nav button:active,.mobile-bottom-nav button:hover{background:transparent;outline:none;box-shadow:none}.mobile-bottom-nav span{overflow:hidden;width:100%;text-overflow:ellipsis;white-space:nowrap}.home-popup{width:calc(100% - 40px);max-width:340px}}.hero{padding:140px 0 80px;background-image:url(/assets/back2-C8wDhopX.svg),linear-gradient(180deg,#05060f,#0b0e1c);background-repeat:no-repeat,no-repeat;background-position:top right,center;background-size:cover,cover}.hero-container{max-width:1200px;margin:0 auto;padding:0 80px;display:flex;align-items:center;gap:80px}.hero-left{flex:2;display:flex;flex-direction:column;gap:18px;color:#f8fafc}.hero-left p:first-of-type,.hero-left .hero-role{font-size:14px;text-transform:uppercase;letter-spacing:1.4px;color:#94a3b8}.hero-left h1{font-size:64px;font-weight:800;line-height:1.1;color:#fff}.hero-left p{font-size:17px;line-height:1.7;max-width:720px;color:#e2e8f0}.hero-left .btn{margin-top:26px;align-self:flex-start;padding:14px 30px;font-size:15px;font-weight:600;border-radius:10px;border:none;background:linear-gradient(135deg,#0d1420,#07183c);color:#fff;cursor:pointer;box-shadow:0 12px 30px #0006;transition:transform .25s ease,box-shadow .25s ease}.hero-left .btn:hover{transform:translateY(-2px);box-shadow:0 18px 40px #14203599}.hero-right{flex:1;background:linear-gradient(135deg,#0d1420,#07183c);border-radius:20px;padding:28px 24px;box-shadow:0 40px 90px #0000008c}.profile_pic{height:125px;width:125px;border-radius:50%;object-fit:cover;border:3px solid rgba(255,255,255,.15);margin:0 auto 14px;display:block}.hero-right p{background:#3b82f61f;padding:9px 12px;margin:10px 0;font-size:14px;border-radius:12px;color:#e5e7eb}.hero-right .header-name{background:none;text-align:center}.hero-right span{font-size:18px;font-weight:700;color:#fff}.icons{height:18px;width:18px;margin-right:8px;vertical-align:middle}.skills{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.skills p{background:#ffffff14;text-align:center;padding:7px;font-size:13px;border-radius:8px;color:#f1f5f9}.social-media{display:flex;justify-content:center;align-items:center;gap:18px;margin-top:16px}.social-media a{width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:#ffffff1f;border-radius:50%;transition:transform .25s ease,background .25s ease}.social-media a:hover{background:#3b82f64d;transform:translateY(-2px)}.social-media img{width:20px;height:20px;display:block}@media (max-width: 768px){.hero{padding:40px 0 30px}.hero-container{flex-direction:column;align-items:stretch;padding:0 16px;gap:30px;margin-bottom:60px}.hero-left h1{font-size:28px;line-height:1.2}.hero-left p{font-size:15px;max-width:100%}.hero-left .btn{width:100%;padding:14px 0;text-align:center}.hero-right{align-self:stretch;margin:0;padding:22px 18px;border-radius:16px}.profile_pic{height:110px;width:110px}.hero-right p{font-size:13px}.skills{gap:8px}.skills p{font-size:12px;padding:6px}.social-media{gap:14px}.social-media a{width:36px;height:36px}.social-media img{width:18px;height:18px}}.about{padding:140px 0 100px;background-image:url(/assets/back2-C8wDhopX.svg),linear-gradient(180deg,#05060f,#0b0e1c);background-repeat:no-repeat,no-repeat;background-position:top right,center;background-size:cover,cover}.about h1{font-size:42px;font-weight:700;margin-bottom:60px;text-align:center}.about-align{max-width:1100px;margin:0 auto 80px;padding:0 24px;gap:50px;align-items:center}.about-align img{width:100%;max-width:320px;border-radius:16px;box-shadow:0 20px 60px #0009}.about-right{background:linear-gradient(135deg,#0d1420,#07183c);padding:40px 42px;border-radius:20px;box-shadow:0 30px 70px #00000073}.about-right p{font-size:16px;line-height:1.8;color:#e5e7eb;margin-bottom:18px}.summary{max-width:1100px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px}.summary-element{background:linear-gradient(135deg,#0d1420,#07183c);padding:28px 20px;border-radius:18px;text-align:center;box-shadow:0 20px 50px #00000073}.summary-element h4{font-size:32px;font-weight:700;color:#60a5fa;margin-bottom:8px}.summary-element p{font-size:14px;color:#cbd5f5}@media (max-width: 768px){.about{padding:28px 0 45px;background-position:top center,center;overflow:hidden}.about h1{font-size:34px;margin-bottom:28px;background:linear-gradient(180deg,#fff,#cbd5e1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-1px}.about-align{margin-bottom:36px;padding:0 16px}.about-right{position:relative;padding:24px 18px;border-radius:24px;background:linear-gradient(135deg,#0f172af5,#07183cf0);border:1px solid rgba(255,255,255,.05);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 20px 45px #0000006b,inset 0 1px #ffffff08;overflow:hidden}.about-right:before{content:"";position:absolute;top:-70px;right:-40px;width:160px;height:160px;border-radius:50%;background:#3b82f61a;filter:blur(50px)}.about-right p{position:relative;z-index:2;font-size:14px;line-height:1.9;color:#dbeafe;margin-bottom:18px;text-align:left}.about-right p:last-child{margin-bottom:0}.summary{padding:0 16px 65px;grid-template-columns:repeat(2,1fr);gap:14px}.summary-element{position:relative;padding:22px 14px;border-radius:22px;background:linear-gradient(135deg,#0f172af5,#07183cf0);border:1px solid rgba(255,255,255,.05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 16px 35px #00000059,inset 0 1px #ffffff08;overflow:hidden}.summary-element:before{content:"";position:absolute;top:-40px;right:-30px;width:100px;height:100px;border-radius:50%;background:#60a5fa14;filter:blur(35px)}.summary-element h4{position:relative;z-index:2;font-size:28px;margin-bottom:8px;color:#60a5fa}.summary-element p{position:relative;z-index:2;font-size:12px;line-height:1.6;color:#cbd5e1}}@media (max-width: 420px){.about{padding-top:20px}.about h1{font-size:30px}.about-align{padding:0 14px}.about-right{padding:22px 16px;border-radius:22px}.about-right p{font-size:16px;line-height:1.85}.summary{padding:0 14px 65px;gap:12px}.summary-element{padding:18px 12px;border-radius:18px}.summary-element h4{font-size:24px}.summary-element p{font-size:16px}}.contact{padding:120px 0 60px;background-image:url(/assets/back2-C8wDhopX.svg),linear-gradient(180deg,#05060f,#0b0e1c);background-repeat:no-repeat,no-repeat;background-position:top right,center;background-size:cover,cover}.contact-container{max-width:1200px;margin:0 auto;padding:0 24px}.contact h1{font-size:40px;font-weight:700;text-align:center;margin-bottom:60px}.contact-align{display:grid;grid-template-columns:1.4fr 1fr;gap:60px;margin-bottom:80px}.contact-left p{font-size:16px;line-height:1.7;color:#e5e7eb;margin-bottom:14px}.contact-left .contact-text{max-width:480px;margin-bottom:24px}.contact-left img{width:20px;height:20px;vertical-align:middle;margin-right:10px}.contact-right form{background:linear-gradient(135deg,#0d1420,#07183c);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:32px;border-radius:20px;display:flex;flex-direction:column}.contact-right label{font-size:13px;margin-bottom:6px;color:#cbd5f5}.contact-right input,.contact-right textarea{background:#0f1224;border:none;border-radius:10px;padding:12px;margin-bottom:18px;color:#fff;font-family:inherit}.contact-right input::placeholder,.contact-right textarea::placeholder{font-size:13px;color:#94a3b8}.contact-right .btn{margin-top:10px;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;border:none;padding:12px;border-radius:10px;font-size:15px;cursor:pointer}.contact-right .btn:hover{opacity:.9}.footer{background:linear-gradient(135deg,#0d1420,#07183c);border-radius:18px;padding:32px}.footer-top{display:grid;grid-template-columns:1.5fr 1fr;gap:40px;margin-bottom:24px}.footer-left h4{font-size:18px;margin-bottom:10px}.footer-left p{font-size:14px;line-height:1.6;color:#cbd5f5}.footer-right{display:flex;gap:10px}.footer-right input{flex:1;padding:10px;border-radius:8px;border:none}.footer-right button{background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:8px;padding:0 16px;color:#fff;cursor:pointer}.footer-bottom{display:flex;justify-content:space-between;align-items:center;font-size:13px}.footer-links{display:flex;gap:20px}@media (max-width: 768px){.contact{padding:40px 0 30px}.contact-container{padding:0 16px;margin-bottom:60px}.contact h1{font-size:28px;margin-bottom:28px;text-align:left}.contact-align{grid-template-columns:1fr;gap:32px;margin-bottom:50px}.contact-left .contact-text{max-width:100%;font-size:15px;line-height:1.6;margin-bottom:20px}.contact-left p{font-size:15px;display:flex;align-items:center;gap:10px}.contact-left img{width:18px;height:18px}.contact-right form{padding:20px;border-radius:16px}.contact-right label{font-size:12px}.contact-right input,.contact-right textarea{font-size:14px;padding:10px;border-radius:8px}.contact-right .btn{font-size:14px;padding:12px}.footer{padding:20px}.footer-top{grid-template-columns:1fr;gap:20px}.footer-right{flex-direction:column;gap:10px}.footer-right input{width:auto}.footer-right button{width:100%;padding:10px 0}.footer-bottom{flex-direction:column;align-items:flex-start;gap:12px}.footer-links{flex-wrap:wrap;gap:12px}}.web{position:relative;padding:120px 0 80px;background-image:url(/assets/back2-C8wDhopX.svg),linear-gradient(180deg,#05060f,#0b0e1c);background-repeat:no-repeat,no-repeat;background-position:top right,center;background-size:cover,cover}.web-container{max-width:1200px;margin:0 auto;padding:0 24px}.web h1{font-size:40px;font-weight:700;text-align:center;margin-bottom:56px;letter-spacing:-.5px;color:#fff}.web-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:48px}.web-card{background:linear-gradient(135deg,#0d1420,#07183c);border-radius:16px;padding:24px;display:flex;flex-direction:column;transition:transform .35s ease,box-shadow .35s ease}.web-card:hover{transform:translateY(-8px);box-shadow:0 30px 60px #00000080}.web-card img{width:100%;height:180px;object-fit:cover;border-radius:10px;margin-bottom:16px}.web-card h4{font-size:16px;font-weight:600;margin-bottom:8px;color:#fff}.web-card p{font-size:14px;line-height:1.7;color:#dbeafe;margin-bottom:18px}.links{margin-top:auto;display:flex;justify-content:space-between;gap:16px}.links a{text-decoration:none;padding:8px 16px;border-radius:8px;font-size:14px;font-weight:500;text-align:center}.links .primary{background:#2563eb;color:#fff}.links .secondary{border:1px solid #3b82f6;color:#93c5fd}.links a:hover{opacity:.9}@media (max-width: 767px){.web{padding:28px 0 45px;background-position:top center,center;overflow:hidden}.web-container{padding:0 16px;margin-bottom:65px}.web h1{font-size:34px;margin-bottom:30px;background:linear-gradient(180deg,#fff,#cbd5e1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-1px}.web-list{grid-template-columns:1fr;gap:22px}.web-card{position:relative;padding:16px;border-radius:24px;background:linear-gradient(135deg,#0f172af5,#07183cf0);border:1px solid rgba(255,255,255,.05);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 20px 45px #0006,inset 0 1px #ffffff08;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.web-card:active{transform:scale(.985)}.web-card:before{content:"";position:absolute;top:-80px;right:-50px;width:160px;height:160px;border-radius:50%;background:#3b82f614;filter:blur(45px)}.web-card img{width:100%;height:185px;object-fit:cover;border-radius:18px;margin-bottom:18px;border:1px solid rgba(255,255,255,.04)}.web-card h4{font-size:17px;line-height:1.4;margin-bottom:10px;color:#fff}.web-card p{font-size:13px;line-height:1.8;color:#cbd5e1;margin-bottom:22px}.links{display:flex;gap:12px;flex-wrap:wrap}.links a{flex:1;min-height:44px;display:flex;align-items:center;justify-content:center;padding:0 14px;border-radius:14px;font-size:13px;font-weight:600;transition:transform .2s ease,background .2s ease}.links a:active{transform:scale(.97)}.links .primary{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;box-shadow:0 12px 25px #2563eb47}.links .secondary{background:#ffffff0a;border:1px solid rgba(59,130,246,.25);color:#bfdbfe}}@media (max-width: 420px){.web-container{padding:0 14px}.web h1{font-size:30px}.web-card{padding:14px;border-radius:22px}.web-card img{height:170px;border-radius:16px}.web-card h4{font-size:16px}.web-card p{font-size:15px;line-height:1.7}.links{flex-direction:column}.links a{width:100%}}.ui{padding:120px 0 80px;background-image:url(/assets/back2-C8wDhopX.svg),linear-gradient(180deg,#05060f,#0b0e1c);background-repeat:no-repeat,no-repeat;background-position:top right,center;background-size:cover,cover}.ui-container{max-width:1200px;margin:0 auto;padding:0 24px}.ui h1{font-size:40px;font-weight:700;text-align:center;margin-bottom:56px;letter-spacing:-.5px;color:#fff}.ui-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:48px}.ui-card{position:relative;border-radius:10px;overflow:hidden;cursor:pointer;background:#0f1224;transition:transform .35s ease,box-shadow .35s ease}.ui-card:hover{transform:translateY(-10px);box-shadow:0 30px 60px #0009}.ui-card img{width:100%;height:250px;object-fit:cover;transition:transform .5s ease}.ui-card:hover img{transform:scale(1.08)}.text-top{position:absolute;top:14px;left:14px;background:#ffffff26;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:6px 14px;border-radius:5px;font-size:11px;font-weight:500;color:#fff;z-index:5}.text-bottom{position:absolute;bottom:16px;left:18px;font-size:15px;font-weight:600;color:#fff;z-index:5}.overlay1{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#0000001a 40%,#000000d9)}.overlay2{position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 -100px 140px #000000e6}@media (max-width: 767px){.ui{padding:40px 0}.ui h1{font-size:30px;margin-bottom:36px}.ui-container{margin-bottom:50px}.ui-list{gap:28px}.ui-card img{height:230px}}*{box-sizing:border-box}body{color:#e5e7eb;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,sans-serif;margin:0;background-image:url(/assets/back2-C8wDhopX.svg),linear-gradient(180deg,#05060f,#0b0e1c);background-repeat:no-repeat,no-repeat;background-position:top right,center;background-size:cover,cover}.dashboard{position:relative;padding:120px 24px 48px;max-width:1100px;margin:auto;min-height:100vh}.dashboard-header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:30px}.dashboard-header p{margin:0 0 6px;color:#93c5fd;font-size:12px;font-weight:700;text-transform:uppercase}.dashboard h1{font-size:28px;font-weight:600;margin:0;color:#f9fafb}.logout-btn{flex:0 0 auto;padding:8px 16px;background-color:#020617;color:#fff;border:1px solid white;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s ease,transform .15s ease;z-index:1500}.logout-btn:hover{background-color:#020617;transform:translateY(-1px)}.logout-btn:active{transform:scale(.96)}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.dashboard-card{background:linear-gradient(180deg,#0f172a,#020617);border:1px solid #1f2933;border-radius:12px;min-height:136px;padding:24px;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.dashboard-card h3{margin:0 0 10px;font-size:18px;font-weight:600;color:#f9fafb}.dashboard-card p{margin:0;font-size:14px;color:#9ca3af;line-height:1.6}.clickable{cursor:pointer}.clickable:hover{transform:translateY(-6px);border-color:#6366f1;box-shadow:0 20px 40px #6366f140}@media (max-width: 768px){.dashboard{width:100%;padding:28px 14px 104px}.dashboard-header{align-items:stretch;margin-bottom:18px;padding:14px;border:1px solid rgba(148,163,184,.14);border-radius:12px;background:#0f172ab8}.dashboard-header p{font-size:11px}.dashboard h1{font-size:23px}.logout-btn{align-self:center;padding:9px 14px;font-size:13px}.card-grid{grid-template-columns:1fr;gap:12px}.dashboard-card{min-height:auto;padding:18px;border-radius:10px}.clickable:hover{transform:none;box-shadow:none}.dashboard-card h3{font-size:15px;margin-bottom:6px}.dashboard-card p{font-size:12px;line-height:1.45}}@media (max-width: 420px){.dashboard-header{flex-direction:column;gap:12px}.logout-btn{width:100%}}body{margin:0;font-family:Inter,sans-serif;background:radial-gradient(circle at top left,rgba(99,102,241,.12),transparent 30%),radial-gradient(circle at bottom right,rgba(59,130,246,.12),transparent 35%),linear-gradient(180deg,#05060f,#090d18);min-height:100vh}.login{position:relative;min-height:100vh;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:30px;box-sizing:border-box}.login-glow{position:absolute;border-radius:50%;filter:blur(80px);z-index:0}.login-glow-1{width:260px;height:260px;background:#6366f138;top:-50px;left:-50px}.login-glow-2{width:300px;height:300px;background:#3b82f62e;bottom:-100px;right:-100px}.login-container{position:relative;z-index:1;width:100%;max-width:1150px;display:grid;grid-template-columns:1fr 460px;gap:40px;align-items:center}.login-left{color:#fff}.brand-badge{width:fit-content;padding:10px 16px;border-radius:999px;background:#ffffff14;border:1px solid rgba(255,255,255,.08);color:#dbeafe;font-size:14px;margin-bottom:26px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.login-left h1{font-size:62px;line-height:1.05;margin-bottom:18px;font-weight:700}.login-left p{color:#94a3b8;font-size:18px;line-height:1.8;max-width:580px}.login-features{margin-top:40px;display:flex;gap:18px;flex-wrap:wrap}.feature-card{min-width:140px;background:#ffffff0d;border:1px solid rgba(255,255,255,.05);border-radius:18px;padding:18px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:.25s ease}.feature-card:hover{transform:translateY(-4px);background:#ffffff14}.feature-card span{font-size:24px}.feature-card p{margin-top:10px;color:#e2e8f0;font-size:15px}.login-card{background:#111827d1;border:1px solid rgba(255,255,255,.06);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:28px;padding:36px;box-shadow:0 30px 80px #00000073,inset 0 1px #ffffff0a}.login-card-header{margin-bottom:28px}.login-card-header h2{color:#fff;font-size:30px;margin-bottom:10px}.login-card-header p{color:#94a3b8;font-size:15px}.login-card form{display:flex;flex-direction:column;gap:18px}.input-group{height:58px;display:flex;align-items:center;gap:12px;padding:0 16px;border-radius:14px;background:#020617cc;border:1px solid #1e293b;transition:.25s ease}.input-group:focus-within{border-color:#6366f1;box-shadow:0 0 0 4px #6366f126}.input-group svg{color:#94a3b8;flex-shrink:0}.input-group input{flex:1;background:transparent;border:none;outline:none;color:#fff;font-size:15px}.input-group input::placeholder{color:#64748b}.login-card button{height:58px;margin-top:6px;border:none;border-radius:16px;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;font-size:15px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:.25s ease}.login-card button:hover{transform:translateY(-2px);box-shadow:0 18px 35px #6366f159}.login-card button:disabled{opacity:.7;cursor:not-allowed}.login-error{min-height:20px;background:#f871711f;border:1px solid rgba(248,113,113,.18);color:#fca5a5;padding:12px 14px;border-radius:12px;display:flex;align-items:center;gap:10px;font-size:14px}.loader{width:20px;height:20px;border-radius:50%;border:2px solid rgba(255,255,255,.25);border-top-color:#fff;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 980px){.login-container{grid-template-columns:1fr}.login-left{text-align:center}.brand-badge,.login-left p{margin-inline:auto}.login-features{justify-content:center}}@media (max-width: 640px){.login{padding:20px}.login-left h1{font-size:42px}.login-left p{font-size:15px;line-height:1.7}.login-card{padding:26px;border-radius:22px}.login-card-header h2{font-size:25px}.feature-card{width:100%}}@media (max-width: 640px){body{background:radial-gradient(circle at top,rgba(99,102,241,.16),transparent 30%),linear-gradient(180deg,#05060f,#090d18)}.login{padding:40px 18px 18px;align-items:flex-start}.login-container{grid-template-columns:1fr;gap:24px}.login-left{text-align:center}.brand-badge{margin-inline:auto;font-size:12px;padding:8px 14px}.login-left h1{font-size:38px;line-height:1.05;margin-bottom:14px}.login-left p{font-size:14px;line-height:1.7;max-width:100%;padding:0 8px}.login-features{margin-top:24px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.feature-card{min-width:unset;padding:14px 10px;border-radius:16px}.feature-card span{font-size:20px}.feature-card p{margin-top:8px;font-size:11px;line-height:1.3}.login-card{padding:24px 18px;border-radius:24px;background:#0f172aeb;box-shadow:0 20px 40px #00000073,inset 0 1px #ffffff0a}.login-card-header{margin-bottom:22px;text-align:center}.login-card-header h2{font-size:24px;margin-bottom:6px}.login-card-header p{font-size:13px}.input-group{height:54px;border-radius:14px;padding:0 14px}.input-group input{font-size:14px}.input-group svg{font-size:17px}.login-card button{height:54px;border-radius:14px;font-size:14px;margin-top:4px}.login-error{font-size:13px;padding:10px 12px}.login-glow-1{width:180px;height:180px;top:-40px;left:-50px}.login-glow-2{width:200px;height:200px;bottom:-80px;right:-60px}}@media (max-width: 420px){.login{padding-inline:14px;padding-top:28px;padding-bottom:100px}.login-left h1{font-size:32px}.login-left p{font-size:13px}.login-features{gap:8px}.feature-card{padding:12px 8px}.feature-card p{font-size:10px}.login-card{padding:22px 16px}.login-card-header h2{font-size:22px}.input-group,.login-card button{height:52px}}body{background-image:url(/assets/back2-C8wDhopX.svg),linear-gradient(180deg,#05060f,#0b0e1c);background-repeat:no-repeat,no-repeat;background-position:top right,center;background-size:cover,cover}.messages{max-width:1100px;min-height:100vh;padding:120px 24px 48px;margin:auto}.messages-header{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px}.messages-header p{margin:0 0 6px;color:#93c5fd;font-size:12px;font-weight:700;text-transform:uppercase}.messages-header h1{margin:0;color:#f9fafb;font-size:28px;font-weight:700}.back-btn{padding:9px 16px;border:none;border-radius:8px;background:#1f2937;color:#fff;cursor:pointer;white-space:nowrap;transition:background .3s ease,transform .15s ease}.back-btn:hover{background:#374151;transform:translateY(-1px)}.msg-loading,.no-msg{min-height:100vh;display:grid;place-items:center;margin:0;color:#e5e7eb;font-size:16px;text-align:center}.message-list{display:grid;gap:14px}.message-card{padding:20px;border:1px solid rgba(148,163,184,.14);border-radius:12px;background:#0f172a;box-shadow:0 20px 40px #00000059}.message-top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.message-top h3{margin:0;color:#f9fafb;font-size:18px;font-weight:600}.message-top span{flex:0 0 auto;color:#9ca3af;font-size:13px}.message-email{margin:8px 0;color:#60a5fa;font-size:14px;overflow-wrap:anywhere}.message-text{margin:0;color:#e5e7eb;font-size:15px;line-height:1.6;overflow-wrap:anywhere}@media (max-width: 768px){.messages{width:100%;padding:28px 14px 104px}.messages-header{align-items:stretch;margin-bottom:18px;padding:14px;border:1px solid rgba(148,163,184,.14);border-radius:12px;background:#0f172ab8}.messages-header p{font-size:11px}.messages-header h1{font-size:23px}.back-btn{align-self:center;padding:9px 14px;font-size:13px}.back-btn:hover{transform:none}.message-list{gap:12px}.message-card{padding:16px;border-radius:10px}.message-top{flex-direction:column;gap:6px}.message-top h3{font-size:16px}.message-top span,.message-email{font-size:12px}.message-text{font-size:13px;line-height:1.5}}@media (max-width: 420px){.messages-header{flex-direction:column;gap:12px}.back-btn{width:100%}}.react-calendar{width:350px;max-width:100%;background:#fff;border:1px solid #a0a096;font-family:Arial,Helvetica,sans-serif;line-height:1.125em}.react-calendar--doubleView{width:700px}.react-calendar--doubleView .react-calendar__viewContainer{display:flex;margin:-.5em}.react-calendar--doubleView .react-calendar__viewContainer>*{width:50%;margin:.5em}.react-calendar,.react-calendar *,.react-calendar *:before,.react-calendar *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.react-calendar button{margin:0;border:0;outline:none}.react-calendar button:enabled:hover{cursor:pointer}.react-calendar__navigation{display:flex;height:44px;margin-bottom:1em}.react-calendar__navigation button{min-width:44px;background:none}.react-calendar__navigation button:disabled{background-color:#f0f0f0}.react-calendar__navigation button:enabled:hover,.react-calendar__navigation button:enabled:focus{background-color:#e6e6e6}.react-calendar__month-view__weekdays{text-align:center;text-transform:uppercase;font:inherit;font-size:.75em;font-weight:700}.react-calendar__month-view__weekdays__weekday{padding:.5em}.react-calendar__month-view__weekNumbers .react-calendar__tile{display:flex;align-items:center;justify-content:center;font:inherit;font-size:.75em;font-weight:700}.react-calendar__month-view__days__day--weekend{color:#d10000}.react-calendar__month-view__days__day--neighboringMonth,.react-calendar__decade-view__years__year--neighboringDecade,.react-calendar__century-view__decades__decade--neighboringCentury{color:#757575}.react-calendar__year-view .react-calendar__tile,.react-calendar__decade-view .react-calendar__tile,.react-calendar__century-view .react-calendar__tile{padding:2em .5em}.react-calendar__tile{max-width:100%;padding:10px 6.6667px;background:none;text-align:center;font:inherit;font-size:.833em}.react-calendar__tile:disabled{background-color:#f0f0f0;color:#ababab}.react-calendar__month-view__days__day--neighboringMonth:disabled,.react-calendar__decade-view__years__year--neighboringDecade:disabled,.react-calendar__century-view__decades__decade--neighboringCentury:disabled{color:#cdcdcd}.react-calendar__tile:enabled:hover,.react-calendar__tile:enabled:focus{background-color:#e6e6e6}.react-calendar__tile--now{background:#ffff76}.react-calendar__tile--now:enabled:hover,.react-calendar__tile--now:enabled:focus{background:#ffffa9}.react-calendar__tile--hasActive{background:#76baff}.react-calendar__tile--hasActive:enabled:hover,.react-calendar__tile--hasActive:enabled:focus{background:#a9d4ff}.react-calendar__tile--active{background:#006edc;color:#fff}.react-calendar__tile--active:enabled:hover,.react-calendar__tile--active:enabled:focus{background:#1087ff}.react-calendar--selectRange .react-calendar__tile--hover{background-color:#e6e6e6}body{background-image:url(/assets/back2-C8wDhopX.svg),linear-gradient(180deg,#05060f,#0b0e1c);background-repeat:no-repeat,no-repeat;background-position:top right,center;background-size:cover,cover}.todo{max-width:1320px;min-height:100vh;padding:120px 24px 48px;margin:auto}.todo-header{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:20px}.todo-header p{margin:0 0 6px;color:#93c5fd;font-size:12px;font-weight:700;text-transform:uppercase}.todo-header h1{margin:0;color:#f9fafb;font-size:28px;font-weight:700}.todo .back-btn{padding:9px 16px;border:none;border-radius:8px;background:#1f2937;color:#fff;cursor:pointer;white-space:nowrap}.todo-loading{min-height:100vh;display:grid;place-items:center;margin:0;color:#e5e7eb;font-size:16px}.todo-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.todo-stats div{padding:14px;border:1px solid rgba(148,163,184,.14);border-radius:10px;background:#0f172ac2}.todo-stats span{display:block;color:#cbd5e1;font-size:12px}.todo-stats strong{display:block;margin-top:4px;color:#fff;font-size:24px}.task-planner{display:grid;grid-template-columns:minmax(300px,.85fr) minmax(280px,1fr);gap:16px;margin-bottom:18px}.task-calendar-panel,.day-agenda{padding:16px;border:1px solid rgba(148,163,184,.14);border-radius:12px;background:#0f172ac7;box-shadow:0 18px 36px #0000003d}.section-title{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:14px}.section-title p{margin:0 0 5px;color:#93c5fd;font-size:11px;font-weight:700;text-transform:uppercase}.section-title h2{margin:0;color:#fff;font-size:18px}.calendar-legend{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.calendar-legend span{display:inline-flex;align-items:center;gap:6px;color:#cbd5e1;font-size:12px}.task-calendar-panel .react-calendar{width:100%;border:none;border-radius:10px;background:#f8fafc;padding:10px}.task-calendar-panel .react-calendar__tile{min-height:54px;border-radius:8px;color:#0f172a}.task-calendar-panel .react-calendar__tile--active{background:#2563eb!important;color:#fff}.task-calendar-panel .react-calendar__tile--now{background:#dbeafe}.task-calendar-dots{display:flex;justify-content:center;gap:4px;margin-top:4px}.deadline-dot,.meeting-dot{display:inline-block;width:7px;height:7px;border-radius:50%}.deadline-dot{background:#f97316}.meeting-dot{background:#22c55e}.agenda-list{display:grid;gap:10px}.agenda-item{padding:12px;border-left:3px solid;border-radius:8px;background:#ffffff0e}.agenda-item.deadline{border-color:#f97316}.agenda-item.meeting{border-color:#22c55e}.agenda-item span{color:#cbd5e1;font-size:11px;font-weight:700;text-transform:uppercase}.agenda-item strong{display:block;margin-top:4px;color:#fff;font-size:14px;overflow-wrap:anywhere}.agenda-item p{margin:4px 0 0;color:#94a3b8;font-size:12px}.todo-form{display:grid;gap:12px;margin-bottom:24px;padding:16px;border:1px solid rgba(148,163,184,.14);border-radius:12px;background:#0f172ab8}.professional-form{grid-template-columns:repeat(4,minmax(0,1fr))}.todo-form label span{display:block;margin-bottom:7px;color:#cbd5e1;font-size:12px;font-weight:700}.todo-form input,.todo-form textarea,.todo-form select{width:100%;min-height:44px;padding:12px 14px;border:1px solid #243042;border-radius:8px;background:#020617;color:#fff;font-size:14px}.todo-form textarea{resize:vertical}.wide-field{grid-column:span 2}.todo-form button{min-height:44px;grid-column:span 4;padding:0 18px;border:none;border-radius:8px;background:#2563eb;color:#fff;cursor:pointer;font-weight:700}.todo-form button:hover{background:#1d4ed8}.todo-grid{display:grid;gap:16px}.professional-grid{grid-template-columns:repeat(5,minmax(220px,1fr));align-items:start}.todo-card{min-height:180px;padding:16px;border:1px solid rgba(148,163,184,.14);border-radius:12px;background:#0f172a;box-shadow:0 20px 40px #00000059}.todo-card h3{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:0 0 14px;color:#f8fafc;font-size:16px}.todo-card h3 span{min-width:26px;padding:4px 7px;border-radius:999px;background:#ffffff14;color:#cbd5e1;font-size:12px;text-align:center}.pending h3{color:#facc15}.inProgress h3{color:#38bdf8}.thisWeek h3{color:#60a5fa}.blocked h3{color:#fb7185}.completed h3{color:#22c55e}.todo-item{min-width:0}.task-card{display:grid;gap:12px;min-width:0;overflow:hidden;padding:14px;border:1px solid rgba(148,163,184,.12);border-radius:10px;background:#ffffff0b}.task-card.overdue{border-color:#f87171a6;background:#7f1d1d38}.task-card+.task-card{margin-top:12px}.task-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;min-width:0}.task-project{margin:0 0 4px;color:#93c5fd;font-size:11px;font-weight:700;text-transform:uppercase;overflow-wrap:anywhere}.task-card strong{display:block;color:#f8fafc;font-size:15px;line-height:1.35;overflow-wrap:anywhere}.priority-chip{flex:0 0 auto;max-width:78px;padding:4px 7px;border-radius:999px;color:#fff;font-size:11px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.priority-chip.low{background:#16a34a}.priority-chip.medium{background:#2563eb}.priority-chip.high{background:#ea580c}.priority-chip.critical{background:#dc2626}.task-description,.task-notes{margin:0;color:#cbd5e1;font-size:13px;line-height:1.5;overflow-wrap:anywhere}.task-notes{padding:10px;border-radius:8px;background:#ffffff0e}.task-meta{display:grid;gap:8px}.task-meta span{display:grid;gap:2px;color:#e5e7eb;font-size:12px}.task-meta b{color:#94a3b8;font-size:11px;text-transform:uppercase}.meeting-link{color:#67e8f9;font-size:13px;font-weight:700;text-decoration:none;overflow-wrap:anywhere}.task-footer{display:grid;grid-template-columns:minmax(0,1fr) minmax(104px,auto) auto;align-items:center;gap:8px;min-width:0;padding-top:10px;border-top:1px solid rgba(255,255,255,.08)}.status-select{min-height:32px;min-width:0;width:100%;border:1px solid #243042;border-radius:7px;background:#020617;color:#fff;font-size:12px}.todo-time{min-width:0;color:#64748b;font-size:11px;overflow-wrap:anywhere}.delete-btn{min-width:0;border:none;background:transparent;color:#ef4444;cursor:pointer;font-size:12px;font-weight:700}.empty{color:#64748b;font-size:14px}@media (max-width: 1200px){.professional-grid{grid-template-columns:repeat(3,minmax(240px,1fr))}}@media (max-width: 980px){.professional-form{grid-template-columns:repeat(2,minmax(0,1fr))}.wide-field,.todo-form button{grid-column:span 2}.professional-grid{grid-template-columns:repeat(2,minmax(240px,1fr))}.task-planner{grid-template-columns:1fr}}@media (max-width: 768px){.todo{width:100%;padding:28px 14px 104px}.todo-header{align-items:stretch;margin-bottom:18px;padding:14px;border:1px solid rgba(148,163,184,.14);border-radius:12px;background:#0f172ab8}.todo-header p{font-size:11px}.todo-header h1{font-size:23px}.todo .back-btn{align-self:center;padding:9px 14px;font-size:13px}.todo-stats,.professional-form,.professional-grid,.task-planner{grid-template-columns:1fr}.wide-field,.todo-form button{grid-column:span 1}.todo-form{margin-bottom:18px;padding:14px}.todo-card{min-height:auto;padding:16px;border-radius:10px}.task-calendar-panel,.day-agenda{padding:14px;border-radius:10px}.section-title{flex-direction:column;gap:8px}.calendar-legend{justify-content:flex-start}.task-calendar-panel .react-calendar__tile{min-height:46px;padding:6px 3px}}@media (max-width: 420px){.todo-header{flex-direction:column;gap:12px}.todo .back-btn{width:100%}.task-card-header,.task-footer{flex-direction:column;align-items:flex-start}}.tracker{min-height:100vh;padding:120px 24px 48px;color:#e5e7eb}.tracker-header{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px}.tracker-header p{margin:0 0 6px;color:#93c5fd;font-size:12px;font-weight:700;text-transform:uppercase}.tracker-header h1{margin:0;color:#f9fafb;font-size:28px;font-weight:700}.back-btn{padding:9px 16px;border:1px solid rgba(255,255,255,.22);border-radius:8px;background:#1f2937;color:#fff;cursor:pointer;white-space:nowrap}.back-btn:hover{background:#374151}.tracker-card{padding:14px;border:1px solid rgba(148,163,184,.14);border-radius:12px;background:#0f172a;box-shadow:0 20px 40px #0009}.tracker-iframe{width:100%;height:78vh;border:none;border-radius:8px;background:#fff}@media (max-width: 768px){.tracker{width:100%;padding:28px 14px 104px}.tracker-header{align-items:stretch;margin-bottom:18px;padding:14px;border:1px solid rgba(148,163,184,.14);border-radius:12px;background:#0f172ab8}.tracker-header p{font-size:11px}.tracker-header h1{font-size:21px;line-height:1.25}.back-btn{align-self:center;padding:9px 14px;font-size:13px}.tracker-card{padding:8px;border-radius:10px}.tracker-iframe{height:calc(100vh - 210px);min-height:520px}}@media (max-width: 420px){.tracker-header{flex-direction:column;gap:12px}.back-btn{width:100%}}body{background-image:url(/assets/back2-C8wDhopX.svg),linear-gradient(180deg,#05060f,#0b0e1c);background-repeat:no-repeat,no-repeat;background-position:top right,center;background-size:cover,cover}.shift-tracker{max-width:960px;min-height:100vh;margin:0 auto;padding:120px 20px 48px;font-family:Segoe UI,sans-serif}.shift-tracker .tracker-header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.shift-tracker .tracker-header h1{margin:0;font-size:26px;font-weight:600;color:#fff}.shift-tracker .tracker-header p{margin:0 0 6px;color:#93c5fd;font-size:12px;font-weight:700;text-transform:uppercase}.shift-tracker .back-btn{flex:0 0 auto;padding:8px 16px;background:#1f2937;color:#fff;border-radius:8px;border:none;cursor:pointer;transition:all .3s ease}.shift-tracker .back-btn:hover{background:#374151;transform:translateY(-2px);box-shadow:0 4px 10px #0003}.shift-tracker .react-calendar{margin:20px auto;display:block;border-radius:14px;padding:14px;max-width:420px;width:100%;border:none;background:#f8fafc;box-shadow:0 16px 36px #00000047}.shift-tracker .react-calendar__navigation button{color:#0f172a;border-radius:8px;font-weight:700}.shift-tracker .react-calendar__month-view__weekdays{color:#64748b;font-size:11px;font-weight:700;text-transform:uppercase}.shift-tracker .react-calendar__tile{min-height:68px;border-radius:10px;color:#0f172a}.shift-tracker .react-calendar__tile--active{background:transparent!important}.shift-tracker .react-calendar__tile--now{background:#dbeafe!important;border-radius:10px;color:#1e3a8a}.shift-box{position:relative;border-radius:8px;padding:5px 4px;text-align:center;color:#fff;font-size:10px;margin-top:4px;transition:transform .2s;box-shadow:0 4px 10px #0f172a2e}.shift-box:hover{transform:scale(1.05)}.shift-icon{display:inline-flex;align-items:center;justify-content:center;margin-bottom:1px}.shift-name{font-weight:700;margin:0}.leave-box,.leave-chip{display:inline-flex;align-items:center;justify-content:center;border-radius:6px;color:#fff;font-size:10px;font-weight:700;line-height:1}.leave-box{gap:3px;min-height:24px;padding:5px 6px;margin-top:4px;box-shadow:0 4px 10px #0f172a29}.leave-chip{padding:3px 5px;margin-top:3px}.calendar-badges{display:flex;justify-content:center;gap:4px;margin-top:3px}.calendar-badges small{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;color:#fff}.period-dot{background:#e11d48}.note-dot{background:#0f766e}.shift-box>small{display:none}.leave-stat{color:#fff}.note-dot{font-size:10px;margin-top:2px}.popup{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000a6;display:flex;justify-content:center;align-items:center}.popup-content{background:#111;color:#fff;padding:20px;border-radius:14px;width:320px;text-align:center;box-shadow:0 10px 30px #0009}.popup-content h3{margin-bottom:10px}.popup-content select{width:100%;padding:8px;border-radius:6px;margin-top:10px;border:none}.note-input{display:flex;gap:6px;margin-top:12px}.note-input input{flex:1;padding:6px;border-radius:6px;border:none}.note-input button{padding:6px 10px;background:#0d6efd;color:#fff;border-radius:6px;border:none;cursor:pointer}.note-input button:hover{background:#0b5ed7}.notes-list{margin-top:10px;padding-left:18px;text-align:left}.notes-list li{display:flex;justify-content:space-between;margin-bottom:6px;font-size:13px}.notes-list button{background:transparent;border:none;color:#ff4d4f;cursor:pointer;font-size:14px}.popup-buttons{display:flex;gap:10px;margin-top:12px}.popup-buttons button{flex:1;padding:8px;border-radius:6px;border:none;cursor:pointer}.popup-buttons button:first-child{background:#198754;color:#fff}.popup-buttons button:last-child{background:#dc3545;color:#fff}.analysis-panel{margin:26px auto 0;max-width:760px;padding:18px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:#0a101ceb;box-shadow:0 16px 38px #00000047}.analysis-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.analysis-kicker{margin:0 0 4px;color:#93c5fd;font-size:12px;font-weight:700;text-transform:uppercase}.analysis-header h2{margin:0;color:#fff;font-size:22px}.analysis-total{min-width:104px;padding:10px 12px;border-radius:10px;background:#ffffff14;color:#fff;text-align:right}.analysis-total span,.analysis-overview span,.stat-card span,.leave-stat small{display:block;color:#cbd5e1;font-size:12px}.analysis-total strong{display:block;margin-top:2px;font-size:24px}.analysis-overview{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px}.analysis-overview div{padding:12px;border-radius:10px;background:#ffffff0f}.analysis-overview strong{display:block;margin-top:4px;color:#fff;font-size:22px}.analysis-section h3{margin:0 0 10px;color:#fff;font-size:15px}.stats-grid{display:grid;gap:10px}.shift-stats{grid-template-columns:repeat(4,1fr)}.leave-stats{grid-template-columns:repeat(5,1fr)}.stat-card{min-height:76px;padding:12px;border-radius:10px;color:#fff;font-weight:500;transition:.2s}.stat-card strong{display:block;margin-top:6px;font-size:24px}.stat-card:hover{transform:translateY(-3px)}.morning{background:#facc15;color:#000}.morning span{color:#3f3100}.evening{background:#2563eb}.night{background:#7c3aed}.off{background:#16a34a}.leave-stat{border:1px solid;background:#ffffff0d}.notes-list{margin-top:10px;padding-left:20px;text-align:left;list-style-type:disc}.notes-list li{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:13px}.note-text{flex:1}.notes-list{list-style:none;padding-left:0}.tracker-loading{display:grid;place-items:center;margin:0;text-align:center;font-size:16px;color:#e5e7eb;height:100vh}.notes-list li:before{content:"•";color:#0d6efd;font-weight:700;margin-right:8px}@media (max-width: 600px){.analysis-panel{padding:14px}.analysis-header{align-items:stretch;flex-direction:column}.analysis-total{text-align:left}.analysis-overview,.stats-grid,.leave-stats{grid-template-columns:repeat(2,1fr)}}.tracker-toggle{display:flex;gap:10px;justify-content:center;margin-bottom:15px}.tracker-toggle button{padding:8px 14px;border-radius:20px;border:none;cursor:pointer;background:#222;color:#bbb;transition:all .3s ease}.tracker-toggle button:hover{background:#333;color:#fff}.active-btn{background:linear-gradient(135deg,#ff4d6d,#ff8fab);color:#fff!important;box-shadow:0 4px 10px #ff4d6d66;padding:10px;border-radius:10px}.period-btn{width:100%;margin-top:10px;padding:10px;border-radius:8px;border:none;cursor:pointer;font-weight:600;color:#fff;background:linear-gradient(135deg,#ff4d6d,#c9184a);transition:all .3s ease}.period-btn:hover{transform:translateY(-2px);box-shadow:0 5px 12px #ff4d6d66}.period-btn.active{background:linear-gradient(135deg,#ff758f,#ff4d6d);box-shadow:0 0 10px #ff4d6d99}.period-btn.active:after{content:"";display:block;height:0;width:0}.period-day{background:linear-gradient(135deg,#ff4d6d,#ff8fab);color:#fff;border-radius:6px;padding:4px;font-size:12px;font-weight:700}.shift-tracker .react-calendar__tile{transition:.2s ease}.shift-tracker .react-calendar__tile:hover{background:#ffffff1a;border-radius:8px}.popup-content{animation:popupFade .25s ease}@keyframes popupFade{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.notes-list button:hover{transform:scale(1.2);color:#ff1a1a}.notes-list{max-height:120px;overflow-y:auto}.notes-list::-webkit-scrollbar{width:4px}.notes-list::-webkit-scrollbar-thumb{background:#555;border-radius:10px}@media (max-width: 600px){.popup-content{width:90%}.shift-tracker .tracker-header{align-items:stretch;flex-direction:column;gap:12px;margin-bottom:18px;padding:14px;border:1px solid rgba(148,163,184,.14);border-radius:12px;background:#0f172ab8}.shift-tracker .tracker-header p{font-size:11px}.shift-tracker .tracker-header h1{font-size:20px}.shift-tracker .tracker-header .back-btn{width:100%}.shift-tracker{width:100%;padding:28px 14px 104px}.shift-tracker .react-calendar{margin:0 auto 18px;padding:10px;border-radius:10px}.shift-tracker .react-calendar__tile{min-height:58px;padding:6px 3px}.shift-box{padding:4px 2px;font-size:9px}.analysis-panel{margin-top:18px;border-radius:10px}.analysis-header h2{font-size:20px}.stat-card{min-height:68px;padding:10px}.stat-card strong{font-size:21px}}.budget{min-height:100vh;padding:110px 24px 48px;color:#f8fafc;background-image:url(/assets/back2-C8wDhopX.svg),linear-gradient(180deg,#05060f,#0b0e1c);background-position:top right,center;background-repeat:no-repeat;background-size:cover}.budget-header{max-width:1120px;margin:0 auto 22px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.budget-kicker{margin:0 0 6px;color:#93c5fd;font-size:12px;font-weight:700;text-transform:uppercase}.budget-header h1{margin:0;font-size:30px;font-weight:650}.budget-back,.month-toolbar button,.budget-form button,.budget-actions button{border:none;cursor:pointer}.budget-back{padding:9px 16px;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:#1f2937;color:#fff;white-space:nowrap}.month-toolbar{max-width:1120px;margin:0 auto 20px;display:flex;align-items:center;gap:10px;position:relative}.month-toolbar button{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;border:1px solid rgba(148,163,184,.18);background:linear-gradient(180deg,#111827,#020617);color:#f8fafc;font-size:20px;transition:border-color .18s ease,transform .18s ease,background .18s ease}.month-toolbar button:hover{border-color:#22d3ee;background:#0f172a;transform:translateY(-1px)}.month-toolbar .month-picker-button{width:auto;min-width:220px;gap:9px;padding:0 14px;font-size:14px;font-weight:700;color:#e0f2fe}.month-picker-popover{position:absolute;top:50px;left:52px;z-index:21;background:#fff;box-shadow:0 20px 42px #00000047}.month-toolbar .month-picker-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;width:auto;height:auto;border:none;border-radius:0;background:transparent;cursor:default}.month-toolbar .month-picker-backdrop:hover{border-color:transparent;background:transparent;transform:none}.month-toolbar input{height:42px;padding:0 12px;border:1px solid #243042;border-radius:8px;background:#0f172a;color:#f8fafc}.budget-layout,.budget-content{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);gap:18px}.budget-content{margin-top:18px}.budget-panel{border:1px solid rgba(148,163,184,.16);border-radius:12px;background:#0f172aeb;box-shadow:0 18px 42px #00000047;padding:18px}.budget-meta-grid,.budget-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.budget-form{margin-top:16px;grid-template-columns:minmax(0,1.2fr) minmax(110px,.6fr) minmax(180px,1fr) minmax(160px,.9fr) auto;align-items:end}.budget label span{display:block;margin-bottom:7px;color:#cbd5e1;font-size:12px;font-weight:700}.budget input,.budget select{width:100%;min-height:42px;border:1px solid #243042;border-radius:8px;background:#020617;color:#f8fafc;padding:0 12px;outline:none}.budget input:focus,.budget select:focus{border-color:#22d3ee;box-shadow:0 0 0 3px #22d3ee24}.budget-form button{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:8px;background:#0891b2;color:#fff;font-weight:700;white-space:nowrap;padding:0 16px}.budget-summary{display:grid;gap:12px}.budget-summary div{padding:14px;border-radius:8px;background:#ffffff0f}.budget-summary span,.section-heading span,.budget-item span{color:#cbd5e1;font-size:12px}.budget-summary strong{display:block;margin-top:6px;font-size:24px}.budget-summary .danger{color:#fb7185}.budget-analysis{align-self:start}.analysis-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.analysis-cards div{min-height:82px;padding:12px;border-radius:8px;background:#ffffff0f}.analysis-cards span,.category-row small,.subcategory-heading span,.subcategory-row span{color:#cbd5e1;font-size:12px}.analysis-cards strong{display:block;margin-top:6px;color:#fff;font-size:16px;line-height:1.3}.analysis-section{margin-top:18px}.analysis-section h3{margin:0 0 10px;color:#f8fafc;font-size:14px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.section-heading h2{margin:0;font-size:18px}.budget-empty{margin:0;color:#94a3b8}.budget-loading{min-height:100vh;display:grid;place-items:center;margin:0;color:#f8fafc;background:#05060f}.budget-error{max-width:1120px;margin:14px auto 0;color:#fecdd3;font-size:14px}.budget-list,.category-list{display:grid;gap:10px}.budget-item{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:12px;border-radius:8px;background:#ffffff0d}.budget-item strong,.budget-item span{display:block}.budget-item p{margin:0;font-weight:700}.budget-actions{display:flex;gap:8px}.budget-actions button{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;background:#020617;color:#f8fafc}.category-row,.subcategory-row{display:grid;gap:8px}.category-row div:first-child,.subcategory-row div:first-child,.subcategory-heading{display:flex;justify-content:space-between;gap:10px}.category-track,.subcategory-track{height:9px;overflow:hidden;border-radius:999px;background:#94a3b82e}.category-track span,.subcategory-track span{display:block;height:100%;border-radius:inherit;background:#22d3ee}.subcategory-list{display:grid;gap:12px}.subcategory-group{display:grid;gap:10px;padding:12px;border-radius:8px;background:#ffffff0d}.subcategory-heading strong{color:#fff;font-size:13px}.subcategory-row{padding-top:8px;border-top:1px solid rgba(148,163,184,.12)}.subcategory-row strong{font-size:12px}.subcategory-track{height:7px}.subcategory-track span{background:#a78bfa}@media (max-width: 880px){.budget{width:100%;padding:28px 14px 104px}.budget-header,.budget-layout,.budget-content{grid-template-columns:1fr}.budget-header{align-items:stretch;margin-bottom:18px;padding:14px;border:1px solid rgba(148,163,184,.14);border-radius:12px;background:#0f172ab8}.budget-kicker{font-size:11px}.budget-header h1{font-size:23px;line-height:1.25}.budget-back{align-self:center;padding:9px 14px;font-size:13px}.budget-form{grid-template-columns:1fr}.month-toolbar{margin-bottom:18px}.budget-panel{padding:16px;border-radius:10px}.budget-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 560px){.budget-meta-grid,.budget-item{grid-template-columns:1fr}.month-toolbar{flex-wrap:wrap}.month-toolbar .month-picker-button{min-width:calc(100% - 104px);flex:1;justify-content:center}.month-picker-popover{left:0;right:0;overflow-x:auto}.budget-summary,.analysis-cards{grid-template-columns:1fr}.section-heading{align-items:flex-start;flex-direction:column;gap:4px}.budget-form button{min-height:46px}.budget-actions{justify-content:flex-start}.budget-actions button{width:40px;height:40px}.category-row div:first-child,.subcategory-row div:first-child,.subcategory-heading{align-items:flex-start;flex-direction:column;gap:3px}}@media (max-width: 420px){.budget-header{flex-direction:column;gap:12px}.budget-back{width:100%}}*{margin:0;padding:0}body{color:#fff;font-family:Poppins}@media (max-width: 768px){body{height:auto}}