:root{--base-900: #0F172A;--muted-700: #1E293B;--accent-violet: #8B5CF6;--accent-cyan: #06B6D4;--accent-orange: #FF7A59;--glass: rgba(255,255,255,.06);--glass-2: rgba(255,255,255,.04);--text-strong: #E6EEF8;--card-radius: 14px}html,body,#root{height:100%}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;background:linear-gradient(180deg,#071029,#051025);color:var(--text-strong);margin:0}.glass-card{background:linear-gradient(180deg,#ffffff05,#ffffff04);border:1px solid rgba(255,255,255,.06);border-radius:var(--card-radius);padding:1rem;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 8px 30px #03061799}.hero{display:flex;gap:2rem;align-items:center;padding:3rem 2rem;border-radius:16px;margin-bottom:1.5rem}.hero-title{font-size:2.6rem;line-height:1.02;font-weight:800;background:linear-gradient(90deg,var(--accent-violet),var(--accent-cyan));-webkit-background-clip:text;background-clip:text;color:transparent;margin:0}.hero-sub{color:#e6eef8d9;margin-top:.6rem;font-size:1.05rem}.mockup-wrap{position:relative;width:380px;height:260px;display:flex;align-items:center;justify-content:center;transform-style:preserve-3d}.mockup-layer{position:absolute;width:320px;height:220px;border-radius:12px;box-shadow:0 20px 50px #02061799;border:1px solid rgba(255,255,255,.04);background:linear-gradient(180deg,#ffffff08,#ffffff03);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.mockup-layer.top{transform:translateZ(40px) rotateX(6deg);left:30px}.mockup-layer.mid{transform:translateZ(20px) rotateX(3deg);left:10px}.mockup-layer.bot{transform:translateZ(0)}.mockup-calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;padding:12px}.cal-cell{min-height:26px;border-radius:6px;background:#ffffff05;display:flex;align-items:center;justify-content:center;font-size:12px;color:#e6eef8d9}.cal-cell.active{background:linear-gradient(90deg,var(--accent-violet),var(--accent-cyan));box-shadow:0 6px 18px #6366f11f;color:#fff}.btn-primary-gradient{background:linear-gradient(90deg,var(--accent-violet),var(--accent-cyan));border:0;color:#051025}.btn-ghost{background:transparent;border:1px solid rgba(255,255,255,.06);color:var(--text-strong)}.bento-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1rem}.bento-item{grid-column:span 4}.bento-item.large{grid-column:span 8}.glass-card{transition:transform .28s cubic-bezier(.2,.9,.2,1),box-shadow .28s}.glass-card:hover{transform:translateY(-8px) scale(1.01);box-shadow:0 30px 60px #030617b3}.fade-in{animation:fadeInUp .5s ease both}.fade-in.delay-1{animation-delay:.06s}.fade-in.delay-2{animation-delay:.12s}.fade-in.delay-3{animation-delay:.18s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.navbar{background:transparent}.navbar-brand{font-weight:700;color:var(--text-strong)!important}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:3rem;background:linear-gradient(180deg,#061226,#051025)}.auth-modal{max-width:420px;width:100%}@media (max-width:900px){.hero{flex-direction:column;padding:2rem}.mockup-wrap{width:100%;height:220px}}.large-card{min-height:360px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2.4rem;border-radius:16px;text-align:center;width:100%}.large-card h3{font-size:1.8rem;margin-bottom:.5rem}.large-card p{color:#e6eef8d9;max-width:360px}.large-card .cta{margin-top:1.25rem}@media (max-width:900px){.large-card{min-height:240px;padding:1.2rem}}.calendar .cal-cell{min-height:56px;display:flex;align-items:center;justify-content:center;border-radius:6px;position:relative}.cal-cell.pending{opacity:.65;filter:grayscale(.05);pointer-events:auto}.cal-cell.pending{cursor:wait}.cal-cell.pending:after{content:"";position:absolute;width:18px;height:18px;border-radius:50%;border:2px solid rgba(255,255,255,.12);border-top-color:var(--accent-cyan);right:6px;top:6px;animation:spinner .8s linear infinite}@keyframes spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.calendar-wrap{position:relative}.calendar-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#05080f99,#05080f73);display:flex;align-items:center;justify-content:center;border-radius:6px}.calendar-overlay-content{background:#ffffff05;padding:.6rem 1rem;border-radius:8px;border:1px solid rgba(255,255,255,.04);color:var(--text-strong)}.bg-remote{background:linear-gradient(90deg,var(--accent-violet),var(--accent-cyan))}.card{background:transparent;border:0;padding:0}.card .card-body{padding:1rem;background:linear-gradient(180deg,#ffffff05,#ffffff04);border:1px solid rgba(255,255,255,.04);border-radius:12px;box-shadow:0 10px 30px #03061799}.card-title{color:var(--text-strong);margin-bottom:.25rem}.card-text{color:#e6eef8cc}.btn-primary{background:linear-gradient(90deg,var(--accent-violet),var(--accent-cyan));border:0;color:#051025}.btn-primary:hover{filter:brightness(.98);transform:translateY(-1px)}.btn-outline-light,.btn-ghost,.btn-outline-secondary{background:transparent;border:1px solid rgba(255,255,255,.06);color:var(--text-strong)}.btn-outline-danger,.btn-outline-danger.btn-sm{background:transparent;border:1px solid rgba(255,80,80,.12);color:#ff7a59}.btn-sm{padding:.25rem .6rem;font-size:.85rem}.list-group-item{background:transparent;border:1px solid rgba(255,255,255,.03);margin-bottom:.5rem;border-radius:10px}.list-group-item .fw-bold{color:var(--text-strong)}.small.text-muted{color:#e6eef899}.badge.bg-success{background:#10b981;color:#051025}.badge.bg-secondary{background:#ffffff0f;color:var(--text-strong)}.badge.bg-warning{background:#f59e0b;color:#051025}.form-control,.form-select{background:#ffffff05;border:1px solid rgba(255,255,255,.04);color:var(--text-strong)}.auth-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#03061799,#030617b3);display:flex;align-items:center;justify-content:center;z-index:1050}.auth-modal{background:linear-gradient(180deg,#ffffff05,#ffffff04);border-radius:12px;max-width:420px;width:100%;box-shadow:0 30px 60px #020617bf;padding:1rem}.auth-modal .form-control,.auth-modal .form-select{background:#fff!important;color:#051025!important;border:1px solid rgba(3,6,23,.08)!important}.auth-modal .form-control:focus,.auth-modal .form-select:focus{outline:none!important;box-shadow:0 6px 18px #06b6d41a!important;border-color:var(--accent-cyan)!important}.auth-modal .btn-primary{background:linear-gradient(90deg,var(--accent-violet),var(--accent-cyan));border:0;color:#051025}.nav-link{color:#e6eef8cc!important}.nav-link.active{color:var(--accent-cyan)!important;font-weight:600}.glow{box-shadow:0 6px 24px #6366f124;border-radius:999px}.app-navbar{background:linear-gradient(180deg,#061226,#051025);border-bottom:1px solid rgba(255,255,255,.03)}.app-navbar .container{display:flex;align-items:center}.navbar-toggler{border:1px solid rgba(255,255,255,.06)}.navbar-toggler-icon{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path stroke='%23E6EEF8' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/></svg>")}.navbar{padding:.5rem 0}h1,h2,h3,h4,h5,h6,.hero-title,.card-title{color:var(--text-strong)!important}body,p,label,input,select,textarea,.form-label,.form-control,.form-select,.card-text,.lead{color:#e6eef8f2!important}.text-dark{color:var(--text-strong)!important}.text-muted,.small,.form-text{color:#e6eef899!important}a,.nav-link{color:#e6eef8e6!important}a:hover,.nav-link:hover{color:var(--accent-cyan)!important;text-decoration:none}.list-group-item{color:#e6eef8f2}.badge{color:#051025}.auth-modal .form-control,.auth-modal .form-select,.auth-modal input,.auth-modal textarea{background:#fff!important;color:#051025!important;border:1px solid rgba(3,6,23,.08)!important}.auth-modal .form-control::placeholder{color:#05102580!important}.auth-modal .form-control:focus,.auth-modal .form-select:focus{outline:none!important;box-shadow:0 8px 24px #06b6d41f!important;border-color:var(--accent-cyan)!important}.auth-modal .form-control,.auth-modal .form-select,.auth-modal input,.auth-modal textarea{background:#fff!important;color:#051025!important;-webkit-text-fill-color:#051025!important;caret-color:#051025!important}.auth-modal .form-control:focus,.auth-modal input:focus,.auth-modal textarea:focus{color:#051025!important;-webkit-text-fill-color:#051025!important}.auth-modal input:-webkit-autofill,.auth-modal input:-webkit-autofill:focus,.auth-modal input:-webkit-autofill:hover{-webkit-box-shadow:0 0 0px 1000px #ffffff inset!important;box-shadow:0 0 0 1000px #fff inset!important;-webkit-text-fill-color:#051025!important}.auth-input{background:#fff!important;color:#051025!important;-webkit-text-fill-color:#051025!important;caret-color:#051025!important;border:1px solid rgba(3,6,23,.08)!important}.auth-input::placeholder{color:#05102580!important}.auth-input:-webkit-autofill,.auth-input:-webkit-autofill:focus,.auth-input:-webkit-autofill:hover{-webkit-box-shadow:0 0 0px 1000px #ffffff inset!important;box-shadow:0 0 0 1000px #fff inset!important;-webkit-text-fill-color:#051025!important}.auth-select{background:#fff!important;color:#051025!important;border:1px solid rgba(3,6,23,.08)!important}.auth-select:focus{outline:none!important;box-shadow:0 8px 24px #06b6d41f!important;border-color:var(--accent-cyan)!important}