:root{--bg:#080710;--panel:#11101b;--panel2:#171425;--line:#2b2540;--text:#f7f5ff;--muted:#9891ab;--purple:#8b5cf6;--purple2:#c026d3;--pink:#ec4899;--cyan:#22d3ee;--red:#fb7185;--green:#34d399;--shadow:0 20px 60px #0008;--radius:18px}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px}button,input,textarea,select{font:inherit}button{cursor:pointer}.hidden{display:none!important}.muted{color:var(--muted)}.eyebrow{margin:0 0 7px;color:#bca7ff;font-size:.74rem;font-weight:800;letter-spacing:.18em}.login-view{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr;background:radial-gradient(circle at 70% 40%,#3b17702c,transparent 35%),#090812}.login-brand{position:relative;overflow:hidden;display:flex;align-items:flex-end;padding:8vw;background:linear-gradient(180deg,transparent,#080710cc),url('/assets/vegeta-logo.png') center 10%/min(68%,680px) no-repeat}.login-brand:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 80%,#090812),linear-gradient(0deg,#090812 0,transparent 55%)}.brand-copy{position:relative;z-index:2;max-width:680px}.brand-copy h1{font-size:clamp(2.7rem,5vw,5.5rem);letter-spacing:-.06em;line-height:.94;margin:.2em 0}.brand-copy h1 em{font-style:normal;color:#c4b5fd;text-shadow:0 0 35px #7c3aed}.brand-copy>p{max-width:580px;color:#bbb4cd;line-height:1.7;font-size:1.05rem}.feature-row{display:flex;gap:9px;flex-wrap:wrap;margin-top:25px}.feature-row span{border:1px solid #60469c;border-radius:999px;padding:8px 13px;font-size:.78rem;color:#ddd6fe;background:#2e155c55}.login-panel{display:grid;place-items:center;padding:5vw}.login-card{width:min(430px,100%);display:grid;gap:20px;padding:34px;border:1px solid #302744;border-radius:28px;background:linear-gradient(145deg,#171325ee,#0f0d18ee);box-shadow:var(--shadow)}.login-logo{width:120px;height:120px;object-fit:cover;object-position:50% 22%;border-radius:28px;box-shadow:0 0 45px #8b5cf644}.login-card h2{font-size:2rem;margin:0}.login-card small{text-align:center;color:#6f687e}.form-error{color:#fda4af;margin:0;min-height:1.2em}.app-view{min-height:100vh;display:grid;grid-template-columns:248px 1fr}.sidebar{height:100vh;position:sticky;top:0;display:flex;flex-direction:column;padding:20px 14px;border-right:1px solid var(--line);background:linear-gradient(180deg,#100d1b,#0b0912)}.brand{display:flex;align-items:center;gap:11px;background:none;border:0;color:white;text-align:left;margin:0 7px 25px}.brand img{width:47px;height:47px;object-fit:cover;object-position:50% 22%;border-radius:13px;box-shadow:0 0 24px #8b5cf655}.brand b{font-size:1rem;letter-spacing:.14em}.brand small,.sidebar-foot small{display:block;color:var(--muted);font-size:.72rem;margin-top:2px}.sidebar nav{display:grid;gap:5px}.nav-item{width:100%;display:flex;gap:12px;align-items:center;padding:12px 13px;border:1px solid transparent;border-radius:12px;color:#afa8c0;background:transparent;text-align:left}.nav-item i{width:22px;text-align:center;font-style:normal}.nav-item:hover,.nav-item.active{color:#fff;background:linear-gradient(90deg,#6d28d933,transparent);border-color:#6d28d955}.nav-item.active i{color:#c4b5fd}.nav-section{font-size:.68rem;letter-spacing:.16em;color:#5f586d;margin:24px 13px 8px}.sidebar-foot{margin-top:auto;display:grid;grid-template-columns:36px 1fr auto;gap:9px;align-items:center;padding:13px 8px;border-top:1px solid var(--line)}.sidebar-foot b{font-size:.78rem}.sidebar-foot button{background:none;border:0;color:#8d859d;font-size:1.2rem}.avatar{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:#7c3aed;color:white;font-weight:900}.workspace{min-width:0}.topbar{height:92px;display:flex;align-items:center;gap:18px;padding:0 34px;border-bottom:1px solid var(--line);background:#0c0a13dd;backdrop-filter:blur(18px);position:sticky;top:0;z-index:20}.topbar h2{font-size:1.35rem;margin:0}.top-actions{margin-left:auto;display:flex;gap:10px}.icon-btn{width:42px;height:42px;border:1px solid var(--line);border-radius:12px;background:#151221;color:#c9c2d8}.btn{border:1px solid var(--line);border-radius:12px;padding:11px 16px;color:#ded9e9;background:#171422;font-weight:700}.btn:hover{filter:brightness(1.12)}.btn.primary{border-color:#9f67ff;background:linear-gradient(135deg,#7c3aed,#a21caf);color:white;box-shadow:0 8px 28px #7c3aed3d}.btn.ghost{background:transparent}.btn.danger{border-color:#7f1d35;color:#fecdd3;background:#4c102033}.btn.wide{width:100%;display:flex;justify-content:space-between}.btn.small{font-size:.78rem;padding:7px 10px}.content{padding:32px;max-width:1800px;margin:auto}.hero-strip{position:relative;overflow:hidden;border:1px solid #483373;border-radius:24px;padding:32px;background:radial-gradient(circle at 85% 20%,#a855f744,transparent 28%),linear-gradient(135deg,#19112c,#100d1c 65%)}.hero-strip:after{content:"V";position:absolute;right:5%;top:-55%;font-size:22rem;font-weight:950;color:#a855f70d;transform:rotate(-8deg)}.hero-strip h1{font-size:clamp(2rem,4vw,3.4rem);line-height:1;margin:.2em 0;letter-spacing:-.05em}.hero-strip p{color:#aaa2bc;max-width:650px}.stats{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));gap:14px;margin:18px 0 34px}.stat{border:1px solid var(--line);border-radius:16px;padding:18px;background:linear-gradient(145deg,#151321,#0f0d17)}.stat span{display:block;color:#8f889f;font-size:.78rem}.stat strong{display:block;font-size:2rem;margin-top:8px}.stat.danger strong{color:var(--red)}.section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:28px 0 15px}.section-head h3{font-size:1.2rem;margin:0}.board-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.board-card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:18px;padding:20px;background:#12101b;text-align:left;color:white;transition:.2s}.board-card:hover{transform:translateY(-3px);border-color:#7250ae;box-shadow:0 16px 40px #0006}.board-accent{height:4px;position:absolute;left:0;right:0;top:0}.board-card h3{margin:8px 0;font-size:1.12rem}.board-card p{height:42px;color:#8f889f;font-size:.84rem;line-height:1.45;overflow:hidden}.board-meta{display:flex;justify-content:space-between;color:#81798f;font-size:.74rem;margin:18px 0}.progress{height:7px;border-radius:99px;background:#282334;overflow:hidden}.progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7c3aed,#d946ef)}.empty{border:1px dashed #3b3350;border-radius:18px;padding:45px;text-align:center;color:#8d869b}.kanban-wrap{overflow-x:auto;padding-bottom:15px}.kanban{display:grid;grid-auto-columns:320px;grid-auto-flow:column;gap:15px;align-items:start;min-height:calc(100vh - 210px)}.column{border:1px solid var(--line);border-radius:17px;background:#0e0c16;padding:12px;min-height:200px}.column-head{display:flex;align-items:center;gap:8px;padding:7px 5px 14px}.column-head h3{font-size:.9rem;margin:0}.column-count{font-size:.7rem;background:#292338;color:#aaa2bb;border-radius:999px;padding:3px 8px}.column-add{margin-left:auto;background:none;border:0;color:#a99fbb;font-size:1.3rem}.card-list{display:grid;gap:10px;min-height:80px}.task-card{overflow:hidden;border:1px solid #2b2638;border-radius:14px;background:linear-gradient(150deg,#181522,#12101a);color:white;text-align:left;padding:0;box-shadow:0 8px 18px #0002}.task-card:hover{border-color:#6d4ba8}.task-card.overdue{border-color:#be3659;box-shadow:0 0 0 1px #7f1d3a66,0 10px 25px #7f1d2d22}.task-cover{height:118px;width:100%;object-fit:cover;background:#201932}.task-body{padding:14px}.labels{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:10px}.label{padding:3px 8px;border-radius:99px;font-size:.65rem;font-weight:800;background:color-mix(in srgb,var(--label) 22%,transparent);color:color-mix(in srgb,var(--label) 85%,white);border:1px solid color-mix(in srgb,var(--label) 40%,transparent)}.priority{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px}.priority.low{background:#22c55e}.priority.medium{background:#38bdf8}.priority.high{background:#f59e0b}.priority.critical{background:#fb7185}.task-title{font-size:.9rem;font-weight:750;line-height:1.4}.task-meta{display:flex;align-items:center;gap:10px;margin-top:13px;color:#8b8498;font-size:.7rem}.task-meta .due.overdue{color:#fda4af;font-weight:800}.mini-avatar{margin-left:auto;width:25px;height:25px;border-radius:8px;display:grid;place-items:center;color:white;font-size:.65rem;font-weight:900}.column-new{width:320px;border:1px dashed #493a61;border-radius:15px;padding:13px;color:#9d90b4;background:#17102066}.board-toolbar{display:flex;align-items:flex-end;gap:14px;margin-bottom:22px}.board-toolbar .back{align-self:center}.board-toolbar h1{margin:0;font-size:1.8rem}.board-toolbar p{margin:5px 0 0;color:#91899f;font-size:.84rem}.board-toolbar .spacer{flex:1}.filter{max-width:220px}.filter input{padding:9px 12px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:17px}.data-table{width:100%;border-collapse:collapse;background:#11101a}.data-table th,.data-table td{text-align:left;padding:14px 16px;border-bottom:1px solid #252131;font-size:.82rem}.data-table th{color:#827b91;font-size:.7rem;letter-spacing:.08em}.role-chip{padding:4px 8px;border:1px solid #4d3d68;border-radius:99px;color:#c4b5fd;font-size:.7rem}.dialog{width:min(620px,calc(100% - 28px));max-height:90vh;border:1px solid #413456;border-radius:22px;padding:0;color:white;background:#13101d;box-shadow:var(--shadow)}.dialog::backdrop{background:#05040bd9;backdrop-filter:blur(6px)}.dialog form,.dialog>div{padding:26px}.dialog-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:22px}.dialog h3{font-size:1.5rem;margin:0}.dialog-close{border:0;background:#241e31;color:#aaa1b9;border-radius:10px;width:35px;height:35px;font-size:1.3rem}.dialog label,.login-card label{display:grid;gap:7px;color:#c9c3d3;font-size:.78rem;font-weight:700;margin-bottom:15px}input,textarea,select{width:100%;border:1px solid #393148;border-radius:11px;padding:12px 13px;color:white;background:#0d0b13;outline:none}input:focus,textarea:focus,select:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf622}textarea{resize:vertical}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:20px}.card-dialog{width:min(940px,calc(100% - 28px))}.card-detail-grid{display:grid;grid-template-columns:1fr 280px;gap:25px}.card-main h2{font-size:1.55rem;margin:0 0 20px}.detail-section{border-top:1px solid var(--line);padding-top:18px;margin-top:20px}.detail-section h4{margin:0 0 12px}.detail-side{border-left:1px solid var(--line);padding-left:20px}.meta-box{padding:12px;border:1px solid #312a40;border-radius:12px;margin-bottom:10px;background:#0e0c15}.meta-box small{display:block;color:#81798f;margin-bottom:4px}.comment{display:grid;grid-template-columns:32px 1fr;gap:9px;margin:12px 0}.comment p{margin:3px 0;color:#c8c1d3;font-size:.84rem;white-space:pre-wrap}.comment small{color:#716a7e}.check-item{display:flex;gap:9px;align-items:center;padding:8px 0}.check-item span.done{text-decoration:line-through;color:#746d80}.attachment-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.attachment{border:1px solid #332b43;border-radius:10px;padding:10px;background:#0d0b13;color:#ccc4d8;text-align:left;font-size:.76rem;overflow:hidden}.attachment img{width:100%;height:100px;object-fit:cover;border-radius:7px;margin-bottom:6px}.toast{position:fixed;right:22px;bottom:22px;z-index:1000;padding:13px 18px;border-radius:12px;background:#211733;color:white;border:1px solid #754bb2;box-shadow:var(--shadow);transform:translateY(120px);opacity:0;transition:.25s}.toast.show{transform:none;opacity:1}.toast.error{border-color:#be3659;background:#37131f}#mobile-menu{display:none}
@media(max-width:980px){.login-view{grid-template-columns:1fr}.login-brand{min-height:40vh;padding:40px;background-size:360px}.login-brand:after{background:linear-gradient(0deg,#090812,transparent 70%)}.login-panel{padding:20px 20px 50px}.stats{grid-template-columns:repeat(2,1fr)}.app-view{grid-template-columns:1fr}.sidebar{position:fixed;left:-260px;z-index:50;width:248px;transition:.25s}.sidebar.open{left:0;box-shadow:30px 0 80px #000}.topbar{padding:0 18px}#mobile-menu{display:block}.content{padding:22px}.card-detail-grid{grid-template-columns:1fr}.detail-side{border-left:0;border-top:1px solid var(--line);padding:20px 0 0}.board-toolbar{flex-wrap:wrap}}
@media(max-width:600px){.brand-copy h1{font-size:2.6rem}.feature-row{display:none}.login-brand{padding:28px;min-height:340px}.login-card{padding:24px}.stats{grid-template-columns:1fr 1fr}.stat strong{font-size:1.55rem}.content{padding:16px}.top-actions .btn{display:none}.form-grid{grid-template-columns:1fr}.attachment-grid{grid-template-columns:1fr}.hero-strip{padding:22px}.kanban{grid-auto-columns:85vw}.column-new{width:85vw}}
.form-field{display:grid;gap:7px;margin-bottom:15px}.field-label{color:#c9c3d3;font-size:.78rem;font-weight:700}.column-actions{display:flex;align-items:center;gap:3px;margin-left:auto}.column-actions button{display:grid;place-items:center;width:28px;height:28px;border:0;border-radius:8px;background:transparent;color:#958aa7;font-size:1rem}.column-actions button:hover{background:#2c2141;color:#f5f3ff}.column-actions [data-delete-column]:hover{background:#4c1020;color:#fecdd3}.column-actions .column-add{margin-left:0;font-size:1.25rem}
.column-drag{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;color:#827797;cursor:grab;user-select:none}.column-drag:hover{color:#ddd6fe;background:#2c2141}.column-drag:active{cursor:grabbing}.column.dragging{opacity:.5}.column.drop-before{box-shadow:-5px 0 0 #a855f7}.column.drop-after{box-shadow:5px 0 0 #a855f7}.avatar-stack{display:flex;margin-left:auto}.avatar-stack .mini-avatar{margin-left:-7px;border:2px solid #15121f}.avatar-stack .mini-avatar:first-child{margin-left:0}.assignee-picker{display:grid;gap:6px;max-height:155px;overflow:auto;border:1px solid #393148;border-radius:11px;padding:8px;background:#0d0b13}.assignee-option{display:grid!important;grid-template-columns:22px 27px 1fr;align-items:center;gap:8px!important;margin:0!important;padding:6px 7px;border-radius:8px;font-size:.78rem!important;cursor:pointer}.assignee-option:hover{background:#251b38}.assignee-option input{width:auto}.assignee-option .mini-avatar{margin:0}