:root{--accent:#a8ff60;--cyan:#65e4ff;--violet:#b59aff;--bg:#0b0e14;--surface:#141922;--yellow:var(--accent);--muted:#9ca7b9;--line:#a8bedb1b}body{background:radial-gradient(ellipse at 90% 0,#34504d1c,transparent 48%),var(--bg);color:#f1f5fc}.shell{grid-template-columns:242px minmax(0,1fr)}aside{background:linear-gradient(165deg,#1b2337aa,#0b101bea);border-right-color:#8395b51c}.nav button.active{background:color-mix(in srgb,var(--accent) 9%,transparent);color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 18%,transparent);box-shadow:inset 3px 0 var(--accent)}.nav button{border:1px solid transparent}.main{padding-left:34px;padding-right:34px}.studio{padding-bottom:26px}.btn{background:var(--accent);color:#0b160d;box-shadow:0 0 25px color-mix(in srgb,var(--accent) 8%,transparent)}.btn:hover{background:var(--cyan)}.btn.secondary{color:#d5dfef;background:#ffffff06;box-shadow:none}.column{background:#1217228c;border:1px solid #879bb31b;box-shadow:inset 0 3px var(--lane,#65728a)}.column:nth-child(1){--lane:var(--cyan)}.column:nth-child(2){--lane:var(--violet)}.column:nth-child(3){--lane:#ffbb64}.column:nth-child(4){--lane:var(--accent)}.coltitle .dot{background:var(--lane)}.card{background:linear-gradient(135deg,#232d3d,#1c2431);border:1px solid #b0c7e221;color:#e4ecf8;box-shadow:0 7px 20px #0002;border-radius:12px}.card:hover{border-color:var(--lane);box-shadow:0 6px 24px color-mix(in srgb,var(--lane) 12%,transparent)}.card .tag{background:#72849c20;color:#d2dbea}.card .tag.yellow{background:#b59aff20;color:#ccb8ff}.card .tag.red{background:#ff708b1c;color:#ffa3b4}.card p,.card select,.card-foot{color:#a8b6cb}.card select option{background:#1c2431;color:white}.card-foot{border-color:#d4e5ff14}.card .avatar{background:#3a4660;color:#dce8ff;border-color:#52637d}.panel,.file-card,.notification,.project-card{background:linear-gradient(145deg,#1b2231c9,#131a25c9);border-color:#a0bada20}.tag{background:#ffffff0b;color:#c3d3ea}.tag.yellow{background:#ffcf4919;color:#ffe087}.project-art.abstract{background:linear-gradient(135deg,#1b3043,#22243b);color:#b9c7ff55}.details-dialog,.review-dialog{background:#182031ed}.review-controls .decision{border-color:color-mix(in srgb,var(--accent) 25%,transparent);background:color-mix(in srgb,var(--accent) 5%,transparent)}input,select,textarea{background:#111924;border-color:#9dbbdb29}input:focus,select:focus,textarea:focus{outline:2px solid var(--cyan);outline-offset:2px}.demo{color:#94a1b4}.subtitle{color:#a9b4c7}.eyebrow{color:#92a6c0}.topbar{border-color:#a9bfdf18}.avatar{background:#bfd5f1}.team .avatar{border-color:var(--bg)}.tabs button.active{color:var(--accent)}.collapsed .studio .mark{width:32px;height:32px}@media(max-width:1150px){.shell{grid-template-columns:78px minmax(0,1fr)}}@media(max-width:800px){.shell{display:block}.main{padding:0 18px 30px}}
.card{background:var(--card,#1c2431)}.shell>aside{overflow-y:auto}.navgroup{font-size:.6875rem;letter-spacing:.16em;color:#7d90ad;padding:0 13px 12px}.nav{gap:3px}.nav button{padding:9px 12px;font-size:.875rem}.nav .ico{font-size:19px}.profile strong{font-size:.8125rem}.profile small{display:block;margin-top:5px}.sidebar-bottom{padding-top:20px}.simulation-bar{display:flex;align-items:center;gap:16px;margin:18px 0 -12px;font-size:.75rem;color:#8ea1ba}.simulation-bar>span{letter-spacing:.08em;border:1px solid #8297bd26;padding:6px 8px;border-radius:5px}.simulation-bar label{margin:0 0 0 auto;font-size:.75rem}.simulation-bar select{max-width:260px;padding:7px 10px;font-size:.8125rem}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:28px 0}.metric{padding:22px;border:1px solid #9fbbe523;border-radius:14px;background:linear-gradient(145deg,#202b3b88,#141a25cc);position:relative;overflow:hidden}.metric:before{content:'';position:absolute;top:0;left:22px;height:2px;width:36px;background:var(--accent)}.metric>span{font-size:.875rem;color:#a5b4cc}.metric>strong{display:block;font-family:Manrope,sans-serif;font-size:clamp(1.35rem,2.1vw,2rem);font-weight:500;letter-spacing:-.04em;margin:13px 0}.metric>small{color:#8497b1}.quick-presence{display:flex;flex-direction:column;gap:15px;border-top:1px solid var(--line);margin-top:32px;padding-top:20px}.project-open{width:100%;padding:0;text-align:left}.project-actions{display:flex;border-top:1px solid var(--line);gap:18px;padding:16px 20px;color:#a8c3e7;font-size:.8125rem}.project-actions button:hover{color:var(--accent)}.deal-board{display:grid;grid-template-columns:repeat(5,minmax(200px,1fr));gap:14px;overflow-x:auto;padding-bottom:10px}.deal-column{background:#131b28a8;border:1px solid #8aa3c01c;border-radius:14px;padding:12px;min-height:290px}.deal-column header{display:flex;justify-content:space-between;margin:6px 3px 18px;font-size:.875rem;color:#aec4e2}.deal-card{padding:17px;margin-bottom:12px;border:1px solid #aac1e72a;background:var(--card);border-radius:10px}.deal-card>button:first-child{width:100%;text-align:left;padding:0}.deal-card h3{font-size:1rem;margin:12px 0}.deal-card strong{color:var(--accent);font-weight:500}.deal-card p{font-size:.8125rem;color:#95a8c1;margin:18px 0 10px}.deal-card select{font-size:.8125rem;padding:8px}.deal-card .btn{white-space:normal;margin-top:12px;font-size:.75rem;width:100%}.data-table{overflow-x:auto;border:1px solid var(--line);border-radius:14px;background:#151d2a88}table{width:100%;border-collapse:collapse;min-width:650px}th{text-align:left;color:#7f96b5;letter-spacing:.05em;font-size:.75rem;text-transform:uppercase;font-weight:500}td,th{padding:18px;border-bottom:1px solid var(--line)}td{font-size:.875rem;line-height:1.5}td strong{font-weight:500}td small{display:block;margin-top:4px}.campaign-grid,.permission-grid,.insight-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.permission-grid{margin-top:24px}.permission-grid p{font-size:.875rem;color:#a4b5cc;line-height:1.7}.campaign-meta{display:flex;justify-content:space-between;align-items:center;margin:20px 0;gap:10px}.mini-metrics{display:flex;gap:30px;border-top:1px solid var(--line);padding:18px 0;color:#8fa8c9;font-size:.8125rem}.mini-metrics strong{display:block;font-size:1.5rem;color:#e9f1ff;margin-bottom:5px}.attendance-hero{display:flex;align-items:center;justify-content:space-between;padding:32px;border-radius:18px;border:1px solid color-mix(in srgb,var(--accent) 28%,transparent);background:linear-gradient(110deg,color-mix(in srgb,var(--accent) 7%,transparent),#192236);gap:24px;margin:24px 0}.attendance-hero h2{font-size:2rem}.section-line{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:22px 0}.section-line h2,.section-line h3{margin:0}.community-layout{display:grid;grid-template-columns:minmax(0,2.3fr) minmax(220px,1fr);gap:24px;align-items:start}.composer label{margin-top:0;color:#c5d5ed}.composer select{width:180px}.social-post{margin-top:18px}.social-post>.row{padding-top:0;border:0}.post-text{white-space:pre-wrap;line-height:1.8;color:#dbe4f2}.reaction{border:1px solid var(--line);border-radius:8px;padding:8px 12px;font-size:.875rem;color:#aabbd2}.reaction.liked{color:var(--accent);border-color:var(--accent)}.comment-form{display:flex;gap:9px;margin-top:20px}.channel-panel{position:static;height:auto;padding:24px;display:block}.channel{display:flex;width:100%;align-items:center;gap:10px;padding:13px 10px;text-align:left;color:#9aafcc;border-radius:8px}.channel.active{background:#ffffff08;color:var(--accent)}.channel-panel .small{margin-top:22px;line-height:1.6}.chat-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:22px}.chat-panel{display:flex;flex-direction:column;min-height:470px}.chat-messages{flex:1;display:flex;flex-direction:column;gap:12px;max-height:450px;overflow:auto}.bubble{max-width:80%;background:#ffffff08;padding:14px 17px;border-radius:14px}.bubble.mine{align-self:flex-end;background:#65e4ff12}.bubble p{margin-bottom:10px;white-space:pre-wrap;line-height:1.6}.settings-form{max-width:900px}.color-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;margin:14px 0 25px}input[type=color]{height:50px;padding:5px;cursor:pointer}.insight-icon{color:var(--accent);font-size:32px;display:block;margin-bottom:20px}.insight-grid h2{font-size:1.4rem}.insight-grid small{display:block;line-height:1.6;margin-top:20px}.collapsed .navgroup{display:none}.collapsed .studio{padding-left:3px}.project-art img{object-fit:cover}@media(max-width:1150px){.navgroup{display:none}.campaign-grid,.insight-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.simulation-bar label{display:none}.simulation-bar select{margin-left:auto}.studio{padding-left:3px}.permission-grid{grid-template-columns:1fr}.chat-layout{grid-template-columns:210px minmax(0,1fr)}}@media(max-width:800px){.shell>aside{overflow:visible;height:auto;min-height:60px}.shell>aside>.nav{overflow-x:auto;justify-content:flex-start}.shell>aside>.nav button{flex-shrink:0}.sidebar-bottom{padding:0}.sidebar-bottom .nav button{display:none!important}.simulation-bar{flex-wrap:wrap;margin:16px 0;gap:8px}.simulation-bar select{max-width:100%;width:100%;margin:0}.intro .actions{margin-top:0;flex-wrap:wrap}.intro{flex-wrap:wrap}.metrics{gap:9px}.metric{padding:16px 11px}.metric>span{font-size:.75rem}.metric>strong{font-size:1.2rem;overflow-wrap:anywhere}.metric>small{font-size:.75rem}.community-layout,.chat-layout{grid-template-columns:1fr}.channel-panel{order:-1;display:flex;flex-wrap:wrap;gap:5px;padding:10px}.channel-panel h3,.channel-panel .small{display:none}.channel-panel .channel{width:auto;font-size:.8125rem}.campaign-grid,.insight-grid{grid-template-columns:1fr}.attendance-hero{padding:22px;flex-direction:column;align-items:start}.attendance-hero h2{font-size:1.6rem}.section-line{flex-wrap:wrap}.color-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.chat-peers{display:flex;overflow:auto;padding:10px}.chat-peers .channel{width:auto;min-width:160px}.deal-board{grid-template-columns:repeat(5,240px)}.community-layout .comment-form{flex-wrap:wrap}.community-layout .comment-form input{flex:1;min-width:160px}}
@media(max-width:800px){.shell>aside>.nav .navtext{display:inline;font-size:.8125rem}.shell>aside>.nav .ico{display:none}.shell>aside>.nav button{padding:10px 13px}.shell>aside{padding:8px}.shell.collapsed>aside>.nav .navtext{display:inline}}