:root{--bg:#f4f6fb;--panel:#fff;--ink:#182033;--muted:#69748a;--line:#e5e8f1;--primary:#6257f6;--primary2:#7d73ff;--mint:#26bda9;--danger:#df5063;--warning:#e4a53c;--shadow:0 18px 50px rgba(39,48,85,.09);--radius:22px;--sidebar:252px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--ink)}a{color:inherit;text-decoration:none}img{max-width:100%}button,input,textarea,select{font:inherit}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);padding:24px 18px;background:#171b2b;color:#fff;display:flex;flex-direction:column;z-index:50}.brand{display:flex;align-items:center;gap:12px;font-size:22px;font-weight:800;letter-spacing:-.04em}.brand img{width:42px;height:42px}.brand span{display:flex;flex-direction:column}.brand strong{font-weight:900}.brand small{font-size:11px;color:#9da6c4;letter-spacing:.05em;margin-top:2px}.brand.compact{font-size:18px}.brand.compact img{width:34px;height:34px}.nav-links{display:grid;gap:7px;margin:34px 0}.nav-links a{position:relative;display:flex;align-items:center;gap:13px;padding:12px 13px;border-radius:13px;color:#bdc4dc;font-weight:650}.nav-links a:hover{background:#242a40;color:#fff}.nav-badge{margin-left:auto;min-width:8px;height:8px;border-radius:99px;background:#ff647b;display:none}.nav-badge.show{display:block}.sidebar-foot{margin-top:auto;display:grid;gap:10px}.mini-user{display:flex;gap:10px;align-items:center;padding:12px;background:#21263a;border-radius:14px}.mini-user img{width:38px;height:38px;border-radius:12px;object-fit:cover}.mini-user div{display:grid;min-width:0}.mini-user strong,.mini-user small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-user small{color:#929bb8}.main-content{margin-left:var(--sidebar);min-height:100vh;padding:34px}.mobile-topbar{display:none}.container{max-width:1320px;margin:auto}.page-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin-bottom:26px}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.14em;color:var(--primary);font-weight:850}.page-head h1,.hero h1{margin:4px 0 7px;font-size:clamp(30px,4vw,48px);letter-spacing:-.055em}.page-head p,.hero p,.muted{color:var(--muted)}.grid{display:grid;gap:18px}.grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px}.stat-card{position:relative;overflow:hidden}.stat-card .value{font-size:38px;font-weight:900;letter-spacing:-.05em}.stat-card .label{color:var(--muted);font-weight:650}.stat-card:after{content:"";position:absolute;width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,rgba(98,87,246,.16),rgba(38,189,169,.12));right:-18px;top:-20px}.btn{border:0;cursor:pointer;border-radius:12px;padding:10px 15px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:780}.btn.primary{background:linear-gradient(135deg,var(--primary),var(--primary2));color:white;box-shadow:0 8px 22px rgba(98,87,246,.24)}.btn.secondary{background:#eae8ff;color:#4e45d1}.btn.ghost{background:transparent;border:1px solid var(--line);color:inherit}.sidebar .btn.ghost{border-color:#343b56;color:#fff}.btn.danger{background:#ffe9ed;color:#b42f46}.btn.full{width:100%}.btn.sm{padding:7px 10px;font-size:13px}.input,.textarea,.select{width:100%;border:1px solid var(--line);background:#fff;padding:12px 13px;border-radius:12px;outline:none;color:var(--ink)}.input:focus,.textarea:focus,.select:focus{border-color:#aaa5ff;box-shadow:0 0 0 4px rgba(98,87,246,.1)}.textarea{min-height:115px;resize:vertical}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.field{display:grid;gap:7px}.field label{font-weight:760;font-size:13px}.field .hint{font-size:12px;color:var(--muted)}.field.full{grid-column:1/-1}.alert{padding:13px 15px;border-radius:12px;margin:0 0 18px;font-weight:650}.alert.error{background:#ffe9ed;color:#9f2d42}.alert.success{background:#e6faf5;color:#187b6f}.auth-wrap{min-height:calc(100vh - 70px);display:grid;place-items:center;padding:20px}.auth-card{width:min(520px,100%)}.auth-card .brand{color:var(--ink);margin-bottom:24px}.auth-card h1{font-size:34px;margin:0 0 7px;letter-spacing:-.04em}.hero{background:linear-gradient(130deg,#fff 0 60%,#efefff);border:1px solid var(--line);border-radius:30px;padding:42px;box-shadow:var(--shadow);overflow:hidden}.project-card{display:grid;gap:14px}.project-top{display:flex;align-items:center;gap:13px}.project-logo{width:52px;height:52px;border-radius:14px;object-fit:cover;background:#ecebff;border:1px solid #dddffd;padding:4px}.project-logo.fallback{display:grid;place-items:center;font-size:22px;font-weight:900;color:#5348de;background:linear-gradient(135deg,#e9e7ff,#dff9f5)}.project-logo-prominent{width:76px;height:76px;border-radius:18px;object-fit:contain;padding:7px;background:#fff;border:1px solid #e0e3ee;box-shadow:0 9px 24px rgba(39,48,85,.10);flex:0 0 76px}.project-logo-prominent.fallback{font-size:28px;padding:0}.chips{display:flex;flex-wrap:wrap;gap:7px}.chip{font-size:12px;padding:6px 9px;border-radius:999px;background:#f0f2f8;color:#586278;font-weight:700}.chip.owner{background:#eceaff;color:#544ad7}.chip.staff{background:#e1faf5;color:#158274}.progress-track{height:11px;border-radius:99px;background:#e9ebf3;overflow:hidden}.progress-fill{height:100%;width:var(--progress,0%);background:linear-gradient(90deg,var(--project-primary,var(--primary)),var(--project-accent,var(--mint)));border-radius:99px}.project-meta{display:flex;justify-content:space-between;gap:14px;color:var(--muted);font-size:13px}.profile-hero{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px}.profile-avatar{width:112px;height:112px;border-radius:28px;object-fit:cover;border:5px solid #fff;box-shadow:0 10px 30px rgba(30,40,80,.12)}.profile-title h1{margin:0;font-size:34px}.profile-title p{margin:5px 0;color:var(--muted)}.interest-list{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.interest{padding:7px 10px;border-radius:999px;background:#f0efff;color:#544bd3;font-weight:700;font-size:13px}.feed{display:grid;gap:14px}.post{display:flex;gap:12px}.post img.avatar{width:42px;height:42px;border-radius:12px;object-fit:cover}.post-body{flex:1;background:#f8f9fc;border:1px solid var(--line);border-radius:15px;padding:13px}.post-head{display:flex;justify-content:space-between;gap:10px;margin-bottom:7px}.post-head small{color:var(--muted)}.mention{color:var(--primary);font-weight:800}.project-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:20px}.tabs{display:flex;gap:7px;overflow:auto;margin-bottom:18px;padding-bottom:4px}.tab{white-space:nowrap;padding:9px 12px;background:#eef0f6;border-radius:11px;font-size:13px;font-weight:750}.tab.active{background:#22283b;color:white}.list{display:grid;gap:11px}.list-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px;border:1px solid var(--line);border-radius:14px}.person{display:flex;align-items:center;gap:10px;min-width:0}.person img{width:40px;height:40px;border-radius:11px;object-fit:cover}.person .text{display:grid;min-width:0}.person small{color:var(--muted)}.conversation-layout{display:grid;grid-template-columns:300px 1fr;min-height:620px;overflow:hidden}.conversation-list{border-right:1px solid var(--line);padding-right:14px}.conversation-item{display:flex;gap:10px;padding:11px;border-radius:13px}.conversation-item:hover,.conversation-item.active{background:#f0efff}.chat-panel{display:flex;flex-direction:column;padding-left:18px}.messages{flex:1;max-height:510px;overflow:auto;display:flex;flex-direction:column;gap:10px;padding:5px}.bubble{max-width:72%;padding:10px 13px;border-radius:15px;background:#f0f2f7;align-self:flex-start}.bubble.mine{background:#645af3;color:#fff;align-self:flex-end}.bubble small{display:block;opacity:.7;margin-top:4px;font-size:10px}.message-form{display:flex;gap:8px;margin-top:12px}.message-form .input{flex:1}.notification{display:flex;gap:12px;padding:14px;border-bottom:1px solid var(--line)}.notification.unread{background:#f7f6ff}.dot{width:10px;height:10px;border-radius:50%;background:var(--primary);margin-top:6px;flex:none}.calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:7px}.day{min-height:88px;border:1px solid var(--line);border-radius:12px;padding:8px;font-size:12px;background:white}.day strong{display:block;margin-bottom:5px}.event{padding:4px 5px;border-radius:7px;background:#eceaff;color:#574ed0;margin-top:3px;font-weight:700}.bug-card{border-left:4px solid var(--warning)}.bug-card.fixed{border-left-color:var(--mint)}.file-item{display:flex;align-items:center;justify-content:space-between;gap:12px}.file-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#f0efff}.empty{text-align:center;padding:34px;color:var(--muted)}.logo-preview{width:88px;height:88px;border-radius:20px;object-fit:cover;background:#f0efff}.color-row{display:flex;gap:10px}.color-row input[type=color]{width:50px;height:42px;border:0;background:transparent}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:5px 8px;font-size:11px;font-weight:800}.badge.finished{background:#e2faf4;color:#147c6f}.badge.open{background:#fff4df;color:#9f690d}.badge.help{background:#ffe9ed;color:#a63148}.nav-scrim{display:none}.footer-note{text-align:center;color:var(--muted);font-size:12px;margin:30px 0}.quick-actions{display:flex;gap:8px;flex-wrap:wrap}.project-theme-shell{--project-primary:#6257f6;--project-accent:#26bda9}.project-banner{border-top:5px solid var(--project-primary)}@media(max-width:1050px){.grid.cols-4{grid-template-columns:repeat(2,1fr)}.grid.cols-3{grid-template-columns:repeat(2,1fr)}.project-layout{grid-template-columns:1fr}.conversation-layout{grid-template-columns:240px 1fr}}@media(max-width:780px){.project-logo-prominent{width:66px;height:66px;flex-basis:66px}.sidebar{transform:translateX(-105%);transition:.2s}.sidebar.open{transform:none}.nav-scrim{position:fixed;inset:0;background:rgba(18,22,36,.4);z-index:40}.nav-scrim.show{display:block}.main-content{margin-left:0;padding:18px}.mobile-topbar{display:flex;align-items:center;gap:12px;margin-bottom:18px}.icon-btn{width:38px;height:38px;border:1px solid var(--line);background:white;border-radius:11px}.grid.cols-2,.grid.cols-3,.grid.cols-4,.form-grid{grid-template-columns:1fr}.page-head{align-items:flex-start;flex-direction:column}.profile-hero{grid-template-columns:1fr;text-align:center}.profile-avatar{margin:auto}.interest-list{justify-content:center}.conversation-layout{grid-template-columns:1fr}.conversation-list{border:0;padding:0;margin-bottom:15px}.chat-panel{padding:0}.bubble{max-width:86%}.hero{padding:26px}.calendar{grid-template-columns:repeat(2,1fr)}}
.project-owner-badge{background:#fff1cf;color:#8a5b00;border:1px solid #f3d98b;vertical-align:middle}.moderator-badge{background:#e8f4ff;color:#17689b;border:1px solid #bfddf2;vertical-align:middle}.pinned-badge{background:#f0eaff;color:#5b44b4}.pinned-stack{display:grid;gap:10px;margin-bottom:16px}.pinned-decision{border-left:4px solid var(--project-primary);padding:16px 18px}.pinned-decision h3{margin:4px 0 5px}.pinned-decision p{margin:0;color:var(--muted)}.moderation-row{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.member-control{border:1px solid var(--line);border-radius:16px;padding:10px}.member-control .list-row{border:0;padding:5px}.permission-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;align-items:center;padding:9px 6px 3px;color:var(--muted);font-size:12px}.permission-grid label{display:flex;align-items:center;gap:6px}.kanban-board{display:grid;grid-template-columns:repeat(5,minmax(240px,1fr));gap:12px;overflow-x:auto;padding:14px 1px}.kanban-column{background:#eceff5;border:1px solid var(--line);border-radius:18px;padding:11px;min-height:360px}.kanban-head{display:flex;justify-content:space-between;align-items:center;padding:5px 4px 12px}.kanban-cards{display:grid;gap:10px}.kanban-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:13px;box-shadow:0 8px 20px rgba(39,48,85,.06)}.kanban-card p{color:var(--muted);font-size:13px}.kanban-move{margin-top:10px}.kanban-move .select{padding:8px;font-size:12px}.decision-card.is-pinned{border-top:4px solid var(--project-primary)}.decision-card h3{margin:8px 0}.vote-options{display:grid;gap:12px;margin-top:15px}.vote-option{display:grid;gap:7px}.vote-bar{height:8px;background:#eceef4;border-radius:99px;overflow:hidden}.vote-bar span{display:block;height:100%;background:linear-gradient(90deg,var(--project-primary),var(--project-accent));border-radius:99px}.testing-card{border-left:4px solid var(--project-accent)}.feedback-focus{padding:12px;background:#f6f7fb;border:1px solid var(--line);border-radius:12px;margin:12px 0}.feedback-item{padding:10px 0;border-top:1px solid var(--line)}.feedback-item p{margin-bottom:0}@media(max-width:900px){.permission-grid{grid-template-columns:1fr 1fr}.kanban-board{grid-template-columns:repeat(5,260px)}}@media(max-width:600px){.permission-grid{grid-template-columns:1fr}.kanban-board{grid-template-columns:repeat(5,84vw)}}