:root{--bg:#070718;--panel:rgba(9,15,36,.74);--panel2:rgba(17,24,55,.7);--txt:#f7f7ff;--muted:#aeb8d5;--cyan:#22d3ee;--blue:#3b82f6;--violet:#7c3aed;--pink:#ec38ff;--green:#34d399;--yellow:#fbbf24;--danger:#fb7185;--line:rgba(144,185,255,.22);--glow:0 0 22px rgba(34,211,238,.45),0 0 42px rgba(236,56,255,.25)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 18% 16%,#381b6e 0,#12122e 27%,transparent 58%),radial-gradient(circle at 88% 40%,#064e75 0,#0c2441 20%,transparent 54%),linear-gradient(135deg,#0b0b1d,#101733 55%,#070718);color:var(--txt);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background:linear-gradient(115deg,transparent 0 33%,rgba(34,211,238,.08) 42%,rgba(236,56,255,.11) 55%,transparent 70%),radial-gradient(circle at 35% 70%,rgba(59,130,246,.25),transparent 24%);pointer-events:none}.aurora{position:fixed;inset:-20%;background:conic-gradient(from 180deg at 50% 50%,rgba(124,58,237,.18),rgba(34,211,238,.16),rgba(236,56,255,.18),rgba(124,58,237,.18));filter:blur(70px);animation:float 18s ease-in-out infinite alternate;pointer-events:none}.stars{position:fixed;inset:0;background-image:radial-gradient(#fff8 1px,transparent 1px);background-size:120px 120px;opacity:.11;pointer-events:none}@keyframes float{to{transform:translate3d(4%,2%,0) rotate(10deg)}}a{color:inherit}.app{display:grid;grid-template-columns:305px 1fr;gap:22px;min-height:100vh;padding:22px}.neon-card,.glass,.dash-card{background:linear-gradient(180deg,rgba(15,21,49,.82),rgba(7,13,31,.76));border:1px solid var(--line);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 0 1px rgba(236,56,255,.05),0 0 32px rgba(34,211,238,.12);backdrop-filter:blur(18px);border-radius:24px}.neon-card{position:relative;overflow:hidden}.neon-card:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(125deg,rgba(34,211,238,.85),rgba(124,58,237,.1),rgba(236,56,255,.75));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.sidebar{position:sticky;top:22px;height:calc(100vh - 44px);padding:22px;display:flex;flex-direction:column;gap:16px}.side-brand{display:flex;align-items:center;gap:14px}.logo-box{width:64px;height:64px;border-radius:16px;display:grid;place-items:center;font-size:34px;background:linear-gradient(135deg,var(--violet),var(--cyan));box-shadow:var(--glow)}.side-brand h2{margin:0;font-size:30px;line-height:1;background:linear-gradient(90deg,#fff,#ff8cff,#22d3ee);-webkit-background-clip:text;color:transparent;text-shadow:0 0 24px rgba(236,56,255,.3)}.side-brand p{margin:4px 0 0;font-size:18px;font-weight:800}.btn{border:0;border-radius:16px;padding:13px 18px;color:#fff;font-weight:900;font-size:16px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:.2s transform,.2s box-shadow,.2s filter}.btn:hover{transform:translateY(-2px);filter:brightness(1.1)}.primary{background:linear-gradient(100deg,#6d37ff,#2f7cff 48%,#22d3ee);box-shadow:0 0 22px rgba(34,211,238,.5),0 0 38px rgba(124,58,237,.45)}.ghost{background:linear-gradient(180deg,rgba(255,255,255,.1),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.16);box-shadow:0 0 18px rgba(124,58,237,.15)}.wide{width:100%}.pulse{animation:pulse 2.8s infinite}@keyframes pulse{50%{box-shadow:0 0 30px rgba(34,211,238,.72),0 0 55px rgba(236,56,255,.38)}}.user-card{display:flex;align-items:center;gap:15px;padding:18px}.avatar{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:var(--avatar);font-weight:1000;font-size:22px;box-shadow:0 0 26px color-mix(in srgb,var(--avatar),transparent 35%)}.user-card b{display:block;font-size:18px}.user-card span,.user-card em{display:block;color:var(--muted);font-style:normal}.user-card em{color:#75f7a7;font-size:13px;margin-top:6px}.stats,.filters{padding:16px}.stats div{display:flex;justify-content:space-between;align-items:center;padding:10px 0}.stats b{font-size:20px;text-shadow:0 0 12px rgba(255,255,255,.35)}.stats span{color:#d9e4ff}.filters label,.modal label{display:flex;flex-direction:column;gap:8px;font-weight:850;color:#dbe7ff;margin-bottom:14px}input,textarea,select{width:100%;background:rgba(255,255,255,.075);color:#fff;border:1px solid rgba(166,188,255,.22);border-radius:14px;padding:13px 14px;outline:none;font-weight:750}select option{background:#111833;color:#fff}input:focus,textarea:focus,select:focus{border-color:var(--cyan);box-shadow:0 0 18px rgba(34,211,238,.28)}textarea{min-height:110px;resize:vertical}.main{padding-right:10px}.top{min-height:120px;padding:24px 26px;display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;background:linear-gradient(110deg,rgba(9,14,34,.86),rgba(14,25,58,.78)),radial-gradient(circle at 82% 100%,rgba(236,56,255,.25),transparent 38%)}.top h1{margin:0;font-size:40px;line-height:1;background:linear-gradient(90deg,#5ee7ff,#7476ff,#ff55df);-webkit-background-clip:text;color:transparent;text-shadow:0 0 30px rgba(34,211,238,.28)}.top p{margin:8px 0 0;color:#c5d2ef;font-size:17px}.top-actions{display:flex;gap:12px;align-items:center}#updatedLabel{padding:14px 18px;border-radius:16px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.15);color:#ccd7ef;font-weight:800}.hero{min-height:320px;display:grid;place-items:center;text-align:center;padding:40px;margin-bottom:22px;background:radial-gradient(circle at 18% 50%,rgba(34,211,238,.32),transparent 28%),radial-gradient(circle at 82% 40%,rgba(236,56,255,.42),transparent 35%),linear-gradient(120deg,rgba(5,13,32,.8),rgba(21,8,48,.75));box-shadow:0 0 45px rgba(236,56,255,.25),0 0 36px rgba(34,211,238,.24)}.hero-shine{position:absolute;inset:0;background:linear-gradient(165deg,transparent 20%,rgba(34,211,238,.24) 43%,rgba(236,56,255,.3) 58%,transparent 75%);filter:blur(6px);animation:sweep 7s ease-in-out infinite alternate}@keyframes sweep{to{transform:translateX(8%)}}.orb{width:106px;height:106px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#4dd9ff,#9b4dff 55%,#ff49ee);font-size:44px;box-shadow:0 0 28px rgba(34,211,238,.8),0 0 58px rgba(236,56,255,.56);z-index:1}.hero h2,.hero p,.hero .btn{z-index:1}.hero h2{font-size:34px;margin:14px 0 6px}.hero p{max-width:540px;color:#d6def5;font-size:18px}.hero-btn{font-size:24px;min-width:330px;margin-top:10px}.cards-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.dash-card{padding:18px;border-radius:20px;min-height:250px;box-shadow:var(--glow)}.dash-card h3{margin:0 0 14px;font-size:21px;display:flex;justify-content:space-between}.dash-card h3 span,.badge{display:inline-grid;place-items:center;min-width:28px;height:28px;border-radius:999px;background:linear-gradient(135deg,#7c3aed,#22d3ee);font-size:13px}.mini-row,.cat-row,.action-row{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:13px;padding:12px 13px;margin:8px 0;color:#fff;text-decoration:none;font-weight:850}.mini-row small{color:var(--muted);font-weight:700}.mini-row .date{color:#ff6f98}.linkbtn{margin-top:10px;color:#55d9ff;background:transparent;border:0;font-weight:900;cursor:pointer}.activity-panel{padding:22px;margin:22px 0;background:linear-gradient(110deg,rgba(7,13,31,.82),rgba(16,24,58,.72)),radial-gradient(circle at 18% 0,rgba(34,211,238,.24),transparent 32%),radial-gradient(circle at 85% 100%,rgba(236,56,255,.22),transparent 36%);box-shadow:0 0 34px rgba(34,211,238,.2),0 0 30px rgba(236,56,255,.18)}.activity-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.activity-head h2{margin:0;font-size:25px}.activity-head p{margin:5px 0 0;color:#b9c6e5}.activity-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.activity-row{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:12px;text-align:left;background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035));border:1px solid rgba(150,190,255,.18);border-radius:16px;padding:13px 14px;color:#fff;cursor:pointer;box-shadow:0 0 18px rgba(34,211,238,.08);transition:.22s}.activity-row:hover{transform:translateY(-2px);border-color:rgba(34,211,238,.55);box-shadow:var(--glow)}.activity-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,rgba(124,58,237,.75),rgba(34,211,238,.55));box-shadow:0 0 20px rgba(34,211,238,.24);font-size:20px}.activity-row b{display:block}.activity-row em{display:block;color:#b9c6e5;font-style:normal;font-size:13px;margin-top:3px}.activity-row small{color:#93a4ca;font-weight:800;white-space:nowrap}.activity-empty{grid-column:1/-1;padding:20px;border-radius:16px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.12);color:#cbd7f5}.task-area{padding-bottom:80px}.area-head{display:flex;justify-content:space-between;align-items:center}.tabs{display:flex;gap:10px;flex-wrap:wrap}.tab{border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.07);color:#fff;border-radius:999px;padding:10px 15px;font-weight:900;cursor:pointer}.tab.active{background:linear-gradient(135deg,rgba(124,58,237,.9),rgba(34,211,238,.6));box-shadow:0 0 22px rgba(34,211,238,.3)}.task-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.task-card{padding:18px;border-radius:20px;background:linear-gradient(180deg,rgba(17,24,55,.72),rgba(6,12,30,.72));border:1px solid rgba(147,174,255,.2);box-shadow:0 0 18px rgba(34,211,238,.12);cursor:pointer;transition:.22s}.task-card:hover{transform:translateY(-4px);border-color:rgba(34,211,238,.55);box-shadow:var(--glow)}.task-card h3{margin:8px 0;font-size:20px}.task-card p{color:#c8d2ec;min-height:42px}.meta{display:flex;flex-wrap:wrap;gap:8px}.pill{border-radius:999px;padding:7px 10px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.13);font-weight:850;color:#dce8ff;font-size:12px}.pill.high{color:#ff9aac}.pill.done{color:#86efac}.url-card{display:block;margin-top:10px;padding:12px 14px;border-radius:14px;text-decoration:none;background:linear-gradient(135deg,rgba(34,211,238,.12),rgba(124,58,237,.16));border:1px solid rgba(34,211,238,.25);box-shadow:0 0 18px rgba(34,211,238,.12)}.url-card b{display:block}.url-card span{display:block;color:#afbee0;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.modal,.drawer{position:fixed;inset:0;background:rgba(0,0,0,.55);backdrop-filter:blur(10px);display:grid;place-items:center;padding:24px;z-index:50}.hidden{display:none!important}.modal-card{width:min(860px,95vw);max-height:92vh;overflow:auto;padding:24px}.modal-card.small{width:min(620px,95vw)}.close{position:absolute;right:18px;top:16px;border:0;background:rgba(255,255,255,.1);color:white;border-radius:50%;width:38px;height:38px;font-size:22px;cursor:pointer}.form-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.dropzone{border:1.5px dashed rgba(34,211,238,.45);border-radius:18px;min-height:88px;display:grid;place-items:center;text-align:center;position:relative;background:rgba(124,58,237,.12);margin-top:10px}.dropzone input{position:absolute;inset:0;opacity:0;cursor:pointer}.dropzone span{display:block;color:#b6c2dc}.upload-box{padding:10px;border-radius:12px;margin:10px 0;background:rgba(52,211,153,.12);border:1px solid rgba(52,211,153,.25)}.form-actions{display:flex;gap:12px;margin-top:16px}.drawer{place-items:stretch end}.drawer-card{width:min(680px,96vw);height:100%;padding:24px;overflow:auto;border-radius:24px 0 0 24px}.entry{padding:14px;margin:12px 0;border-radius:16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.11)}.entry-head{display:flex;justify-content:space-between;color:#ccd8f3;font-weight:850;margin-bottom:8px}.reply-box{position:sticky;bottom:0;background:linear-gradient(180deg,rgba(7,13,31,.4),rgba(7,13,31,.95));padding-top:14px}.reply-box textarea{min-height:82px}.reply-row{display:grid;grid-template-columns:1fr 140px;gap:10px;margin-top:10px}.user-form{display:grid;grid-template-columns:1fr 1fr 1fr 110px 70px;gap:8px}.toast{padding:12px;border-radius:14px;margin:12px 0}.error{background:rgba(251,113,133,.16);border:1px solid rgba(251,113,133,.3)}.login-body{display:grid;place-items:center;min-height:100vh}.login-card{width:min(440px,92vw);padding:30px}.brand-login{text-align:center}.brand-login h1{font-size:48px;margin:12px 0 0;background:linear-gradient(90deg,#fff,#ff70e8,#4fe8ff);-webkit-background-clip:text;color:transparent}.logo-cube{margin:auto;width:80px;height:80px;border-radius:24px;display:grid;place-items:center;background:linear-gradient(135deg,#7c3aed,#22d3ee);box-shadow:var(--glow);font-size:42px}@media(max-width:1100px){.app{grid-template-columns:1fr}.sidebar{position:relative;height:auto}.cards-grid,.task-list,.activity-list{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr 1fr}}@media(max-width:720px){.app{padding:12px}.cards-grid,.task-list,.form-grid,.activity-list{grid-template-columns:1fr}.top{flex-direction:column;align-items:flex-start}.hero-btn{min-width:0;width:100%}.user-form{grid-template-columns:1fr}.top h1{font-size:32px}.activity-head{flex-direction:column;align-items:flex-start}.activity-row{grid-template-columns:44px 1fr}}