*{box-sizing:border-box}body{margin:0;background:#f6f7f9;color:#182b35;font:14px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}aside{position:fixed;width:232px;height:100vh;background:#fff;border-right:1px solid #e6eaec;padding:30px 22px;display:flex;flex-direction:column}.brand{text-decoration:none;color:#167e70;font-size:27px;font-weight:700}.brand span{font-size:20px;color:#182b35}.workspace{margin:40px 0 24px;color:#81909a;font-size:10px;letter-spacing:1.4px}.workspace strong{display:block;font-size:14px;color:#253c47;margin:12px 0 6px;letter-spacing:0}small{display:block;font-size:11px;color:#849099;letter-spacing:0}.nav{border:0;background:transparent;width:100%;text-align:left;padding:13px;border-radius:8px;color:#64747e;margin-bottom:5px}.nav.active{background:#e9f4f0;color:#137c69;font-weight:600}.label{font-size:10px;color:#8b989f;letter-spacing:1.5px;margin:25px 12px 12px}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:12px;background:#c8a073}.sidefoot{margin-top:auto;display:flex;gap:10px;align-items:center;border-top:1px solid #eee;padding-top:20px}.avatar{background:#e7eeec;border-radius:50%;width:34px;height:34px;display:inline-grid;place-items:center;font-size:11px;color:#4c7268}main{margin-left:232px;padding:0 42px;max-width:1600px}header{height:78px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e2e7e8;font-size:12px;color:#75858e}header b{margin:0 14px;color:#b8c2c7}.live{color:#508879}.heading{display:flex;justify-content:space-between;align-items:center;margin:42px 0 30px}.eyebrow{color:#608679;letter-spacing:2px;font-size:10px;font-weight:700}h1{font-size:38px;letter-spacing:-1.5px;margin:11px 0}p{color:#84909a;line-height:1.6;margin:4px 0}.primary{background:#187e6b;color:white;border:0;border-radius:8px;padding:13px 20px;box-shadow:0 3px 7px #187e6b18}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:28px}.stat{background:#fff;border:1px solid #e5e9eb;border-radius:12px;padding:21px}.stat span{color:#7d8a92;font-size:12px}.stat strong{display:block;font-size:31px;margin:12px 0 8px;font-weight:600}.stat small{font-size:11px}.stat.warn strong{color:#b57746}.panel{background:#fff;border:1px solid #e5e9eb;border-radius:12px;overflow:hidden}.panelhead{display:flex;justify-content:space-between;align-items:center;padding:23px 25px}h2{font-size:18px;margin:0}.panelhead p{font-size:12px}.view{background:#f3f5f5;padding:4px;border-radius:7px}.view button{border:0;background:none;color:#77878d;padding:7px 14px;border-radius:5px}.view .selected{background:#fff;color:#213c43;box-shadow:0 1px 4px #0001}.filters{display:flex;gap:12px;padding:0 25px 22px;flex-wrap:wrap}input,select,textarea{border:1px solid #dde4e5;padding:10px 12px;border-radius:7px;background:#fff;color:#3d555e}input[type=search]{flex:1;min-width:200px}.overdue{display:flex;gap:7px;align-items:center;color:#74858b;font-size:12px}table{border-collapse:collapse;width:100%}th{text-align:left;background:#fafbfc;color:#94a0a7;font-size:10px;letter-spacing:1px;padding:15px 25px;font-weight:500}td{padding:18px 25px;border-top:1px solid #edf0f1;font-size:12px}.tasklink{background:none;border:0;text-align:left;font-weight:600;color:#263e47;padding:0}.tasklink small{font-weight:400;margin-top:6px}.badge{border-radius:5px;padding:5px 8px;font-size:10px;white-space:nowrap;background:#eef1f5;color:#738391}.badge.progress{background:#e9eefb;color:#6b81bb}.badge.done{background:#e5f3ed;color:#35896b}.priority{font-size:11px;color:#9a865d}.priority.High{color:#b36e60}.priority.Low{color:#8b9ba0}.late{color:#bb7463}.owner{display:flex;gap:8px;align-items:center}.owner .avatar{width:27px;height:27px;font-size:9px}footer{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:23px 0;color:#8d999f;font-size:11px}footer button{border:0;background:none;color:#627e79;padding:8px}.empty{padding:50px;text-align:center;color:#84969c}.board{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:20px;background:#fafbfc}.column h3{font-size:12px;color:#75878e;margin:0 0 16px}.card{background:white;border:1px solid #e3e9e8;border-radius:9px;padding:18px;margin-bottom:12px}.card p{font-size:11px;margin:12px 0}.cardbottom{display:flex;justify-content:space-between;font-size:11px;margin-top:16px}dialog{border:0;border-radius:15px;padding:27px;width:min(520px,92vw);box-shadow:0 20px 80px #172c3540}dialog::backdrop{background:#142a3566}.modalhead,.modalfoot{display:flex;align-items:center;justify-content:space-between;gap:15px}.modalhead{margin-bottom:23px}.modalhead button{border:0;background:none;font-size:27px;color:#89969b}form label{display:flex;flex-direction:column;gap:8px;margin-bottom:16px;font-size:12px;color:#637981}.fields{display:grid;grid-template-columns:1fr 1fr;gap:0 15px}textarea{resize:vertical}.danger{color:#b76c61;border:0;background:none}#notice{position:fixed;bottom:20px;right:20px;background:#203f37;color:#fff;border-radius:9px;padding:13px 20px;display:none}button:focus-visible,a:focus-visible{outline:3px solid #8bc8b9;outline-offset:3px}@media(max-width:1100px){main{padding:0 24px}td,th{padding:16px 12px}.stats{gap:10px}.stat{padding:17px}}@media(max-width:760px){aside{position:relative;width:100%;height:auto;padding:17px 20px;border-bottom:1px solid #eee}.workspace,.label,.sidefoot{display:none}aside .nav{width:auto;margin:12px 4px 0 0;padding:8px;display:inline-block}#projects{display:flex;flex-wrap:wrap}.brand{font-size:24px}main{margin:0;padding:0 18px}header{height:55px}.live{font-size:10px}.heading{margin:25px 0;align-items:flex-start;gap:10px}h1{font-size:28px}.heading p{font-size:12px}.primary{padding:11px 13px;white-space:nowrap}.stats{grid-template-columns:1fr 1fr}.stat strong{font-size:26px}.filters,.panelhead{padding:17px}.filters input[type=search]{width:100%;flex-basis:100%}#tasks{overflow:auto}table{min-width:670px}.board{grid-template-columns:1fr;min-width:0}footer{align-items:flex-start;flex-direction:column;gap:6px}.fields{grid-template-columns:1fr 1fr}}

header{gap:18px}header>span:first-child{margin-right:auto}#language{font-size:12px;padding:7px 10px}.welcome{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(115deg,#eee8fc,#e6f5ef 65%,#fff0d7);border:1px solid #e5e4ee;border-radius:16px;margin-bottom:26px;padding:20px 30px;overflow:hidden}.welcome>div{max-width:440px}.welcome-tag{font-size:10px;color:#7773a9;font-weight:700;letter-spacing:1.5px}.welcome h2{font-size:26px;letter-spacing:-.6px;margin:12px 0 8px}.welcome p{color:#667b80}.welcome img{width:280px;height:145px;object-fit:contain}.stat:nth-child(1){border-top:3px solid #9290d2;background:#faf9ff}.stat:nth-child(2){border-top:3px solid #77a5d1;background:#f7fbff}.stat:nth-child(3){border-top:3px solid #6ebc9e;background:#f6fcf8}.stat:nth-child(4){border-top:3px solid #e7aa7d;background:#fffbf6}.primary{background:#6472ba}.primary:hover{background:#5261a5}.brand{color:#7b79bf}@media(max-width:760px){header{flex-wrap:wrap;height:auto;padding:14px 0;gap:12px}.welcome{padding:20px;flex-direction:column;align-items:flex-start}.welcome img{align-self:center;height:125px;width:240px}.welcome h2{font-size:23px}.heading{flex-wrap:wrap}}

/* Warm studio direction */
body{background:#f5f2ed;color:#302e2b}aside{background:#faf8f4;border-right-color:#e4ddd3}.brand{color:#a77953}.brand span{color:#342f29}.nav.active{background:#eee4d7;color:#885e3e}.heading{position:relative;isolation:isolate;min-height:260px;padding:36px;border-radius:18px;overflow:hidden;background:#493e34;color:#fff;box-shadow:0 12px 35px #4c3b2312}.heading::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(29,28,25,.94),rgba(38,32,26,.76) 52%,rgba(38,32,26,.18)),url('studio-interior.jpeg') center 52% / cover no-repeat}.heading>div{max-width:590px}.heading .eyebrow{color:#edc89e}.heading h1{font-family:Georgia,serif;font-weight:400;font-size:44px;letter-spacing:-1px}.heading p{color:#e6ddd2;max-width:490px}.primary{background:#a6754b;box-shadow:0 3px 10px #0001}.primary:hover{background:#8e603c}.heading .primary{align-self:flex-end;background:#f3dfc2;color:#42362a}.heading .primary:hover{background:#ffe8c7}.welcome{background:linear-gradient(110deg,#eee5d8,#f7eee2 60%,#e9e9dd);border-color:#e5dbce}.welcome-tag{color:#9a7557}.welcome p{color:#7b746a}.welcome img{filter:sepia(.25) saturate(.7)}.stat:nth-child(1){border-top-color:#b89374;background:#fffcf8}.stat:nth-child(2){border-top-color:#899aa6;background:#fafcfd}.stat:nth-child(3){border-top-color:#8eaa8d;background:#fbfdf8}.stat:nth-child(4){border-top-color:#d5a575;background:#fffaf4}.panel{border-color:#e7dfd4;box-shadow:0 6px 22px #55432905}.live{color:#8a765e}.avatar{background:#eee6da;color:#8a6f51}.badge.progress{background:#ede7f3;color:#887597}.badge.done{background:#e9efe1;color:#708756}header{border-bottom-color:#e3dbd0}button:focus-visible,a:focus-visible{outline-color:#c49c72}.modalfoot .primary{background:#a6754b}#notice{background:#5b4938}@media(max-width:760px){.heading{padding:25px;min-height:310px;gap:22px}.heading h1{font-size:35px}.heading::before{background-image:linear-gradient(90deg,rgba(29,28,25,.92),rgba(38,32,26,.64)),url('studio-interior.jpeg')}.heading .primary{align-self:auto}.welcome{padding:20px}}

/* Graphite and violet studio */
body{background:#20212b;background-image:radial-gradient(ellipse at 95% 5%,#60518460 0,transparent 44%),radial-gradient(ellipse at 35% 95%,#3e44654a 0,transparent 50%);background-attachment:fixed;color:#292c3d}aside{background:linear-gradient(165deg,#292a38,#20212b);border-right:1px solid #ffffff0d}.brand{color:#b5a0e5}.brand span{color:#f0eef9}.workspace{color:#898aab}.workspace strong{color:#e2deef}.workspace small,aside small{color:#9b98ae}.label{color:#85839b}.nav{color:#bab7cc}.nav:hover{background:#ffffff08}.nav.active{background:#a992dc24;color:#d9c6ff}.sidefoot{border-top-color:#ffffff12;color:#e2daef}.sidefoot .avatar{background:#a38bc530;color:#c9b2ed}header{color:#b0adc2;border-bottom-color:#ffffff14}header b{color:#6d6981}.live{color:#c3abdF}#language{background:#2e2d3d;border-color:#514b65;color:#e9e2f8}.heading{box-shadow:0 15px 40px #09091230;background:#292333}.heading::before{background-image:linear-gradient(90deg,rgba(29,25,40,.95),rgba(37,28,46,.75) 52%,rgba(41,32,52,.32)),url('studio-interior.jpeg')}.heading .eyebrow{color:#c4afe7}.heading h1{color:#f6f0ff}.heading p{color:#d0c7db}.primary{background:#8870b8;color:#fff}.primary:hover{background:#745bA4}.heading .primary{background:#c8b3ec;color:#352745}.heading .primary:hover{background:#decafa}.welcome{background:linear-gradient(115deg,#e8def3,#f3eff9 55%,#e2e5f2);border-color:#ece2fa;box-shadow:0 10px 28px #0002}.welcome-tag{color:#8771a4}.welcome h2{color:#393043}.welcome p{color:#80728c}.welcome img{filter:none}.stat:nth-child(1){border-top-color:#b39acb;background:#faf6ff}.stat:nth-child(2){border-top-color:#97a5d8;background:#f7f8ff}.stat:nth-child(3){border-top-color:#94baa8;background:#f8fcf9}.stat:nth-child(4){border-top-color:#c9a2c4;background:#fff8fd}.panel{border-color:#eee6f5;box-shadow:0 12px 34px #0002}.nav.active .dot{box-shadow:0 0 10px #bc9be840}.modalfoot .primary{background:#8870b8}footer{color:#aaa3bc}footer button{color:#c4addf}.avatar{background:#eee7f6;color:#8f74a5}.badge.progress{background:#eee6f8;color:#886ba8}.badge.done{background:#e9f1ea;color:#728e78}button:focus-visible,a:focus-visible{outline-color:#baa2df}#notice{background:#66507f}@media(max-width:760px){aside{border-bottom-color:#ffffff12}.heading::before{background-image:linear-gradient(90deg,rgba(29,25,40,.93),rgba(37,28,46,.68)),url('studio-interior.jpeg')}}

/* Petrol green studio */
body{background:#203b35;background-image:radial-gradient(ellipse at 95% 5%,#719c8660 0,transparent 46%),radial-gradient(ellipse at 30% 95%,#446c5245 0,transparent 50%);color:#293d34}aside{background:linear-gradient(160deg,#29483e,#1a332d);border-right-color:#d9c58b15}.brand{color:#d5ba79}.brand span{color:#f3f0e5}.workspace{color:#99ad9e}.workspace strong{color:#eee9d8}.workspace small,aside small{color:#a7b5a7}.label{color:#a3b39f}.nav{color:#c1cec1}.nav:hover{background:#d9c58b0b}.nav.active{background:#d1b97a20;color:#eddaa4}.nav.active .dot{box-shadow:0 0 10px #d8c18435}.sidefoot{border-top-color:#d9c58b22;color:#e3e9da}.sidefoot .avatar{background:#d4c08922;color:#ead9ad}header{color:#b5c6b9;border-bottom-color:#d9c58b25}header b{color:#779181}.live{color:#d7c598}#language{background:#304c40;border-color:#6c7c5c;color:#eee9d5}.heading{background:#253b30;box-shadow:0 15px 40px #0c241e30}.heading::before{background-image:linear-gradient(90deg,rgba(19,42,33,.96),rgba(26,50,37,.78) 52%,rgba(32,51,35,.25)),url('studio-interior.jpeg')}.heading .eyebrow{color:#d5bf83}.heading h1{color:#f6f3e7}.heading p{color:#d2dbcb}.primary{background:#557c61;color:#fff}.primary:hover{background:#42664e}.heading .primary{background:#deca93;color:#35432a}.heading .primary:hover{background:#f0dda8}.welcome{background:linear-gradient(115deg,#e2ebdd,#f3f1e4 58%,#e5e9d6);border-color:#dce3cd;box-shadow:0 10px 28px #11251e20}.welcome-tag{color:#728269}.welcome h2{color:#344832}.welcome p{color:#76826d}.welcome img{filter:sepia(.32) hue-rotate(25deg) saturate(.7)}.stat:nth-child(1){border-top-color:#b6a471;background:#fcfbf4}.stat:nth-child(2){border-top-color:#89a791;background:#f7fbf5}.stat:nth-child(3){border-top-color:#73997a;background:#f7fcf5}.stat:nth-child(4){border-top-color:#c6ad74;background:#fffaf0}.panel{border-color:#e1e5d5;box-shadow:0 12px 34px #10251b25}.modalfoot .primary{background:#557c61}footer{color:#b6c5b1}footer button{color:#dec992}.avatar{background:#e8eedc;color:#738260}.badge.progress{background:#f0ecd9;color:#948048}.badge.done{background:#e3efdf;color:#618159}button:focus-visible,a:focus-visible{outline-color:#d8c386}#notice{background:#42694c}@media(max-width:760px){aside{border-bottom-color:#d9c58b20}.heading::before{background-image:linear-gradient(90deg,rgba(19,42,33,.94),rgba(26,50,37,.68)),url('studio-interior.jpeg')}}