@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#111214;--muted:#a3a5aa;--line:#ffffff16;--yellow:#ffcb31;--red:#e82742;font-family:'DM Sans',sans-serif;font-size:16px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#f6f6f7}button,input,select,textarea{font:inherit}button,a,select{touch-action:manipulation}button{cursor:pointer}button{border:0;color:inherit;background:none}button:focus-visible,a:focus-visible{outline:3px solid var(--yellow);outline-offset:4px}button:disabled{opacity:.35;cursor:default}button,.card{transition:background .2s,transform .25s,box-shadow .25s}input,textarea,select{width:100%;padding:12px;border:1px solid #ffffff25;border-radius:10px;background:#24262b;color:white}textarea{min-height:90px;resize:vertical}label{display:block;font-size:.875rem;color:#bfc0c6;margin:16px 0 7px}h1,h2,h3,p{margin-top:0}h1{font-family:Manrope,sans-serif;font-size:clamp(2rem,3.5vw,3.5rem);font-weight:500;letter-spacing:-.055em;margin-bottom:14px}h2{font-family:Manrope,sans-serif;letter-spacing:-.035em;font-size:1.65rem}h3{font-size:1rem}small,.small{font-size:.8125rem;color:var(--muted)}.shell{display:grid;grid-template-columns:224px minmax(0,1fr);min-height:100vh;transition:grid-template-columns .3s}.shell.collapsed{grid-template-columns:78px minmax(0,1fr)}aside{border-right:1px solid var(--line);padding:28px 16px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;background:linear-gradient(170deg,#20212677,#121315dd);backdrop-filter:blur(30px)}.studio{display:flex;align-items:center;gap:10px;font-weight:700;padding:0 9px 43px}.mark{width:31px;height:31px;display:grid;place-items:center;background:var(--yellow);color:#141414;border-radius:9px;font-size:20px}.nav{display:flex;flex-direction:column;gap:7px}.nav button{text-align:left;display:flex;align-items:center;gap:14px;padding:13px;border-radius:12px;color:#999ba4;font-size:.9rem;white-space:nowrap}.nav button.active{background:#ffffff10;color:white;box-shadow:inset 0 0 0 1px #ffffff0b}.ico{font-size:20px;width:22px;text-align:center}.nav button:hover{background:#ffffff0c;color:white}.sidebar-bottom{margin-top:auto}.profile{margin-top:14px;display:flex;gap:10px;align-items:center;border-top:1px solid var(--line);padding-top:20px}.avatar{width:30px;height:30px;flex-shrink:0;border-radius:50%;display:inline-grid;place-items:center;background:#e3e1dc;color:#242429;font-size:.75rem;font-weight:700}.collapsed .navtext,.collapsed .profile-info,.collapsed .studio strong{display:none}.main{min-width:0;padding:0 38px 40px}.topbar{height:94px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.crumb{font-size:.875rem;color:#8f929b}.logo{width:145px;height:auto}.topright{display:flex;align-items:center;gap:26px}.iconbutton{padding:9px;border:1px solid var(--line);border-radius:50%;position:relative}.badge{background:var(--red);position:absolute;right:-4px;top:-5px;border-radius:20px;font-size:12px;padding:2px 5px}.intro{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:40px 0 28px}.eyebrow{text-transform:uppercase;font-size:.75rem;letter-spacing:.16em;color:#a2a5ac;margin-bottom:16px}.subtitle{color:#a0a3ac;font-size:.94rem;line-height:1.6;margin-bottom:0}.btn{background:#f5f4ef;color:#191a1e;padding:12px 18px;border-radius:10px;font-weight:600;font-size:.875rem;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}.btn:hover{background:#ffcf40;transform:translateY(-1px)}.btn.secondary{background:#ffffff0a;border:1px solid #ffffff20;color:#e5e5e7}.btn.danger{background:#e827421b;color:#ff9aa8;border:1px solid #e8274240}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:30px 0 24px}.tabs{display:flex;gap:24px;border-bottom:1px solid var(--line)}.tabs button{padding:13px 0;color:#8c9099;font-size:.9rem}.tabs button.active{color:white;border-bottom:2px solid var(--yellow)}.toolbar select{width:auto;font-size:.875rem;background:#1b1c20;padding:9px}.board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;align-items:start}.column{background:#ffffff03;border:1px solid #ffffff07;border-radius:16px;padding:12px;min-height:420px;transition:background .2s, border .2s}.column.over{border:1px dashed #ffcc31;background:#ffcc3112}.colhead{display:flex;justify-content:space-between;align-items:center;padding:7px 3px 17px;font-size:.875rem}.coltitle{display:flex;align-items:center;gap:9px}.dot{width:7px;height:7px;border-radius:50%;background:#9b9da5}.dot.yellow{background:#ffca31}.dot.red{background:#ed4760}.dot.white{background:#f5f5f5}.count{font-size:.75rem;color:#8c8f99;background:#ffffff09;padding:3px 6px;border-radius:5px}.card{background:#eeefef;color:#25282e;border-radius:13px;padding:17px;margin-bottom:12px;box-shadow:0 4px 9px #0002;animation:arrive .28s ease both;cursor:grab;border:1px solid #fff}.card:hover{transform:translateY(-3px);box-shadow:0 12px 30px #0005}.card.dragging{opacity:.35;transform:rotate(-3deg)}.card .open-card{text-align:left;width:100%;padding:0}.card h3{line-height:1.45;font-weight:600;margin:12px 0 14px;font-size:1rem;letter-spacing:-.02em}.tag{display:inline-flex;align-items:center;gap:5px;font-size:.75rem;padding:4px 7px;border-radius:5px;background:#dddfe2;color:#575c67}.tag.yellow{background:#ffcf4938;color:#6d5511}.tag.red{background:#e8274214;color:#b52d42}.card p{font-size:.8125rem;color:#787c85;line-height:1.5}.card-foot{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #0000000e;padding-top:13px;margin-top:14px;color:#646873;font-size:.8125rem}.card .avatar{background:#d8d9dc;border:2px solid white}.card select{background:transparent;border:0;color:#676d79;font-size:.75rem;padding:8px 0 0;cursor:pointer}.add{font-size:.875rem;color:#707581;width:100%;padding:10px;text-align:left}.add:hover{color:white}.project-strip{display:flex;align-items:center;gap:15px;margin-top:22px;color:#a0a3ab;font-size:.875rem}.pill{font-size:.75rem;border:1px solid #ffffff20;border-radius:7px;padding:6px 9px}.team{display:flex;margin-left:auto}.team .avatar{margin-left:-7px;border:2px solid #111214}.projects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.project-card{background:#1a1c20;border:1px solid var(--line);border-radius:20px;overflow:hidden;text-align:left;padding:0;cursor:pointer}.project-art{height:158px;position:relative;background:#282b31;overflow:hidden}.project-art img{width:100%;height:100%;object-fit:cover;opacity:.75}.project-art.abstract{padding:24px;font-size:4rem;font-weight:800;letter-spacing:-.08em;color:#ffffff25;background:linear-gradient(120deg,#383838,#17191d)}.project-info{padding:23px}.project-info p{color:#9b9ea7;font-size:.875rem}.project-card:hover{transform:translateY(-5px);border-color:#ffffff40}.project-info footer{display:flex;justify-content:space-between;color:#a0a3ad;font-size:.8125rem;margin-top:30px}.progress{height:3px;background:#ffffff0b;border-radius:9px;margin-top:20px;overflow:hidden}.progress span{display:block;height:100%;background:var(--yellow)}.day-grid{display:grid;grid-template-columns:1.8fr 1fr;gap:28px}.panel{background:#1a1c20;border:1px solid var(--line);border-radius:18px;padding:24px}.row{display:flex;align-items:center;gap:16px;padding:18px 0;border-bottom:1px solid var(--line)}.row:last-child{border-bottom:0}.row-main{flex:1;text-align:left;min-width:0}.row-main strong{display:block;font-weight:500;margin-bottom:7px}.row-main small{display:block}.row button:hover strong{color:var(--yellow)}.check{width:22px;height:22px;border:1px solid #ffffff40;border-radius:7px;flex-shrink:0}.check.done{background:var(--yellow);color:black}.review-teaser img{width:100%;border-radius:10px;margin:10px 0 20px}.notifications{max-width:900px}.notification{background:#1a1c20;border:1px solid var(--line);border-radius:14px;padding:22px;margin-bottom:12px;display:flex;gap:18px}.notification.unread{border-left:3px solid var(--yellow)}.notification p{line-height:1.5;margin:0 0 10px}.notification .row-main{cursor:pointer}.demo{margin-top:34px;color:#787d89;font-size:.75rem;display:flex;gap:8px;align-items:center;line-height:1.6}.demo b{color:#b0b3bc;font-weight:500}.files{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.file-card{padding:15px;background:#1b1d22;border:1px solid var(--line);border-radius:16px;text-align:left}.file-card img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:9px}.file-card h3{margin:16px 0 12px}.file-card p{color:#9398a3;font-size:.875rem}.empty{padding:40px;text-align:center;border:1px dashed #ffffff20;border-radius:16px;color:#a3a7b0}.list .row{background:#ffffff03;padding:20px;border-radius:12px;margin-bottom:8px}.list .row select{width:180px}.details-dialog{margin:0 0 0 auto;width:min(530px,100%);height:100dvh;max-height:100dvh;max-width:100%;border:1px solid #ffffff25;border-radius:22px 0 0 22px;padding:28px;background:#22252aee;backdrop-filter:blur(35px);color:#f5f5f7;box-shadow:-20px 0 80px #0007;animation:slide .3s ease}.review-dialog{width:min(1200px,94vw);max-width:94vw;border:1px solid #ffffff25;border-radius:23px;padding:0;background:#1c1e23ef;backdrop-filter:blur(35px);color:white;box-shadow:0 30px 100px #0008;animation:arrive .25s}.dialog-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.close{font-size:24px;padding:0 7px;color:#aeb2bb}.details-dialog h2{margin:28px 0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.attachment{display:flex;gap:13px;text-align:left;padding:14px;width:100%;background:#ffffff06;border:1px solid var(--line);border-radius:10px;margin-top:15px;align-items:center}.attachment img{width:64px;height:46px;object-fit:cover;border-radius:5px}.attachment small{display:block;margin-top:6px}.subtask{display:flex;gap:10px;align-items:center;font-size:.875rem;margin:12px 0}.subtask input{width:18px;accent-color:var(--yellow)}.review-header{padding:20px 24px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.review-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(280px,1fr)}.media-stage{background:#0a0b0d;display:flex;flex-direction:column;justify-content:center;min-height:490px;padding:24px;gap:20px}.media-stage img,.media-stage video{width:100%;max-height:530px;object-fit:contain}.review-controls{padding:24px;overflow:auto;max-height:76vh}.review-controls .btn{width:100%;margin-top:10px}.version-bar{display:flex;gap:7px;flex-wrap:wrap;margin:14px 0}.version-bar button{border:1px solid var(--line);border-radius:7px;padding:7px 12px;font-size:.875rem}.version-bar .active{background:#f5f4ef;color:#222}.decision{background:#ffcc3110;border:1px solid #ffcc312a;border-radius:10px;padding:13px;font-size:.875rem;line-height:1.5}.comment{border-left:2px solid #ffffff25;padding-left:12px;margin-top:15px;font-size:.875rem;line-height:1.5}.comment small{display:block;margin-top:4px}.upload-label{border:1px dashed #ffffff35;border-radius:9px;padding:12px;cursor:pointer;text-align:center;color:white}.upload-label input{padding:8px 0;font-size:.75rem;border:0;background:none}.history{max-width:900px}.history .row{align-items:flex-start}.history time{min-width:75px;color:#9a9faa;font-size:.8125rem}.notice{padding:16px;border:1px solid #ffffff20;border-radius:10px;color:#aeb2bb;font-size:.875rem;line-height:1.6;margin-bottom:24px}.toast{opacity:1!important;transform:translate(-50%,0)!important}#toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,15px);opacity:0;pointer-events:none;background:#f5f5ef;color:#202126;padding:14px 23px;border-radius:12px;box-shadow:0 10px 50px #0008;z-index:100;transition:.25s;max-width:90vw;font-size:.875rem}dialog::backdrop{background:#08090d88;backdrop-filter:blur(3px)}@keyframes slide{from{transform:translateX(40px);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.view{animation:arrive .35s}.mobile-title{display:none}@media(min-width:1600px){.main{padding:0 55px 45px}.column{min-height:520px}.card{padding:22px}}@media(max-width:1150px){.shell{grid-template-columns:78px minmax(0,1fr)}.navtext,.profile-info,.studio strong{display:none}.main{padding:0 24px 30px}.board{gap:10px}.column{padding:8px}.card{padding:12px}.projects{grid-template-columns:repeat(2,minmax(0,1fr))}.day-grid{grid-template-columns:1.5fr 1fr}}@media(max-width:800px){.shell,.shell.collapsed{display:block}aside{height:65px;position:sticky;z-index:5;padding:8px 12px;flex-direction:row;align-items:center;border-bottom:1px solid var(--line);border-right:0;background:#191b20eb}.studio{display:none}.nav{flex-direction:row;gap:3px;width:100%;justify-content:space-around}.nav button{padding:8px 13px}.sidebar-bottom{margin:0}.sidebar-bottom>.nav,.profile{display:none}.main{padding:0 18px 30px}.topbar{height:73px}.logo{width:118px}.intro{margin:27px 0 20px;align-items:start}.intro .btn{padding:11px;font-size:.8rem}.intro h1{font-size:2.2rem}.eyebrow{font-size:.7rem}.board{grid-template-columns:repeat(2,minmax(0,1fr))}.column{min-height:220px}.projects,.files,.day-grid{grid-template-columns:1fr}.toolbar{flex-wrap:wrap;margin-top:20px}.toolbar .tabs{gap:18px}.project-strip{flex-wrap:wrap}.team{margin-left:0}.review-grid{grid-template-columns:1fr}.media-stage{min-height:200px;padding:15px}.review-controls{max-height:none}.review-dialog{max-height:94dvh}.review-header{padding:16px}.list .row{flex-wrap:wrap}.list .row select{width:100%}.topright{gap:16px}.crumb{font-size:.75rem}.history .row{gap:10px}.demo{align-items:start}}@media(max-width:410px){.board{grid-template-columns:1fr}.nav button{padding:8px 9px}.intro{flex-wrap:wrap}.form-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.file-placeholder{aspect-ratio:16/10;background:#111316;border-radius:9px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#b2b5bd}.file-placeholder small{padding:0 15px;word-break:break-word}@media(max-width:800px){.sidebar-bottom>.nav{display:flex}.sidebar-bottom>.nav button:last-child{display:none}.sidebar-bottom{flex-shrink:0}}

.studio .mark{width:36px;height:36px;flex-shrink:0;display:block;background:transparent;border-radius:0;object-fit:cover;object-position:top}