/* Gurbaa Studio visual system — v1.1 */
:root{--studio-black:#0b0d10;--studio-carbon:#11151a;--studio-panel:#171c22;--studio-cream:#f3f0e8;--studio-paper:#fbfaf6;--studio-coral:#ff6b45;--studio-lime:#c8f45d;--studio-cyan:#61dbe4;--studio-violet:#8772ff;--studio-line:#dcdedb;--studio-ink:#101419;--studio-muted:#747b82;--primary:var(--studio-coral);--primary2:#ff8a65;--ink:var(--studio-ink);--muted:var(--studio-muted);--line:var(--studio-line);--bg:var(--studio-cream)}
body{background:var(--studio-cream);letter-spacing:-.012em}
.shell{grid-template-columns:286px 1fr}
aside{width:286px;padding:25px 20px 20px;background:var(--studio-black);border:0;color:#fff;box-shadow:none}
.brand{padding:0 7px 25px;gap:13px}
.brand>span,.login-brand>span{position:relative;width:47px;height:47px;border-radius:13px;background:var(--studio-coral);color:var(--studio-black);font-size:23px;box-shadow:none;transform:rotate(-2deg)}
.brand>span span,.login-brand>span span{color:#fff;font-size:.72em;margin-left:1px}
.brand b{font-size:19px;letter-spacing:-.045em}.brand b em{color:var(--studio-coral);font-style:normal}.brand small{margin-top:2px;color:#737b84;text-transform:uppercase;letter-spacing:.14em;font-size:7px;font-weight:800}
.workspace{position:relative;overflow:hidden;padding:15px 16px;margin-bottom:14px;border:1px solid #293039;border-radius:13px;background:#14181d}
.workspace:before{content:"";position:absolute;right:-18px;top:-25px;width:68px;height:68px;border:1px solid #363e47;border-radius:50%}.workspace:after{content:"";position:absolute;right:11px;top:18px;width:7px;height:7px;border-radius:50%;background:var(--studio-lime);box-shadow:0 0 0 5px #c8f45d16}
.workspace small{color:#68717c}.workspace b{color:#eef1f3}.workspace i{display:none}
nav{scrollbar-width:thin;scrollbar-color:#303740 transparent}nav>small{color:#5f6872;margin:19px 11px 7px;font-size:7px;letter-spacing:.17em}nav button{position:relative;color:#9ba3ac;border-radius:9px;padding:11px 13px;font-weight:600;font-size:13px;transition:.16s}nav button:hover{background:#171c22;color:#fff}nav button.active{background:#1a2026;color:#fff}nav button.active:before{content:"";position:absolute;left:-1px;top:10px;bottom:10px;width:3px;border-radius:4px;background:var(--studio-coral)}nav button.active:after{content:"↗";margin-left:auto;color:var(--studio-coral);font-size:10px}nav button:nth-of-type(4).active:before,nav button:nth-of-type(5).active:before,nav button:nth-of-type(6).active:before{background:var(--studio-violet)}
.profile{background:transparent;border-color:#292f36;color:#fff;padding:15px 5px 2px}.profile i{background:var(--studio-lime);color:var(--studio-black);border-radius:11px}.profile small{color:#68717c}.profile:hover{color:var(--studio-coral)}
main{grid-column:2}
header{height:104px;padding:20px 38px;background:rgba(243,240,232,.9);border-color:#d9d9d3;backdrop-filter:blur(18px)}header>div:nth-child(2){display:grid;grid-template-columns:auto 1fr;column-gap:14px;align-items:end}.header-kicker{grid-column:1/3;color:#9a9a92;font-size:7px;font-weight:900;letter-spacing:.18em;margin-bottom:5px}header h1{font-size:27px;letter-spacing:-.05em}header p{align-self:end;margin:0 0 3px;color:#8b8c87}.today{display:flex;flex-direction:column;align-items:flex-start;gap:2px;margin-left:auto;padding:10px 14px;border:1px solid #d5d5cf;border-radius:10px;background:rgba(255,255,255,.55);color:var(--studio-ink)}.today small{font-size:7px;letter-spacing:.13em;color:#9a9a94;font-weight:900}.today b{font-size:11px}
.content{padding:29px 38px}
.hero{position:relative;overflow:hidden;min-height:184px;padding:33px 36px;border-radius:4px 30px 4px 4px;background:var(--studio-black);box-shadow:none}.hero:before{content:"";position:absolute;width:280px;height:280px;right:7%;top:-155px;border:1px solid #424a52;border-radius:50%;box-shadow:0 0 0 50px #ffffff05,0 0 0 100px #ffffff03}.hero:after{content:"STUDIO / 01";position:absolute;right:31px;bottom:20px;color:#5b646d;font-size:8px;font-weight:900;letter-spacing:.18em}.hero small{color:var(--studio-coral)}.hero h2{font-size:34px;letter-spacing:-.055em;margin:8px 0 6px}.hero p{color:#929aa3}.hero>span{position:relative;background:var(--studio-coral);color:var(--studio-black);border-radius:50%;font-weight:900;transform:rotate(6deg)}
.stats{gap:11px;margin:11px 0 20px}.stats button{position:relative;overflow:hidden;min-height:122px;border:1px solid #d7d7d1;border-radius:4px;background:var(--studio-paper);padding:20px;transition:.18s}.stats button:hover{border-color:var(--studio-ink);transform:translateY(-2px)}.stats button:nth-child(2){background:#e7e1ff}.stats button:nth-child(3){background:#ffe0d7}.stats button:nth-child(4){background:#e6f5c4}.stats i{align-self:flex-start;width:35px;height:35px;border-radius:50%;background:var(--studio-black);color:#fff}.stats b{font-size:30px;line-height:1;letter-spacing:-.06em}.stats small{color:#777b78}.stats button:after{content:"↗";position:absolute;right:14px;top:13px;font-weight:900;color:#8f928e}
.dash-grid{gap:12px}.panel,.toolbar{border-color:#d8d9d5;border-radius:4px 19px 4px 4px;background:var(--studio-paper);box-shadow:none}.panel{padding:22px}.toolbar{padding:22px 24px;border-radius:4px 20px 4px 4px}.toolbar h2,.panel-head h3{letter-spacing:-.035em}.toolbar p,.panel-head p{color:#8a8c88}.primary{background:var(--studio-black);color:#fff;border-radius:7px;box-shadow:inset 0 0 0 1px #282e34;transition:.16s}.primary:hover{background:var(--studio-coral);color:var(--studio-black)}.secondary{border-radius:7px;background:#e7e7e2}.feed{padding:14px 2px;border-color:#e5e5df}.feed>i{border-radius:50%;background:#e5e5df;color:var(--studio-ink)}
.badge{border:1px solid #dadbd6;border-radius:4px;background:#ecece7;color:#686c69;text-transform:uppercase;letter-spacing:.055em;font-size:7px}.badge.active,.badge.ok,.badge.resolved,.badge.renewed{border-color:#c2df80;background:#e8f6c9;color:#466411}.badge.trial,.badge.grace,.badge.warning,.badge.upcoming,.badge.in_progress{border-color:#efd39c;background:#fff0d3;color:#805108}.badge.suspended,.badge.expired,.badge.failed,.badge.overdue{border-color:#f1b9b0;background:#ffe2dc;color:#a43a2a}.badge.planned{border-color:#cfc7ef;background:#ece7ff;color:#6451a9}
table{border-collapse:separate;border-spacing:0}th{padding:12px;background:#eeeee9;color:#8d918e;font-size:7px;letter-spacing:.12em;border-top:1px solid #dddeda;border-bottom:1px solid #dddeda}th:first-child{border-left:1px solid #dddeda;border-radius:5px 0 0 5px}th:last-child{border-right:1px solid #dddeda;border-radius:0 5px 5px 0}td{padding:15px 12px;border-color:#e2e3de}td b{letter-spacing:-.025em}
.product-grid,.cards{gap:12px}.product,.install-card{position:relative;overflow:hidden;min-height:190px;border-color:#d7d8d3;border-radius:4px 22px 4px 4px;background:var(--studio-paper);padding:23px}.product>i{border-radius:50%;background:var(--studio-black);color:#fff}.product small{font-size:7px;font-weight:900;letter-spacing:.14em}.product h3{font-size:22px;letter-spacing:-.045em}.product-shiftpdks{background:#e9e5ff}.product-shiftpdks>i{background:#7660e6}.product-otomova{background:#dff4f4}.product-otomova>i{background:#147f86}.product-menugate{background:#ffe5d5}.product-menugate>i{background:#ef7046}.product.planned{opacity:.8;filter:saturate(.75)}.install-card>div>i{border-radius:50%;background:var(--studio-black);color:var(--studio-cyan)}
.modal{background:#07090ccf;backdrop-filter:blur(7px)}.modal-card{border-radius:5px 26px 5px 5px;background:var(--studio-paper);box-shadow:0 40px 100px #0009}.modal-close{border-radius:50%;background:var(--studio-black);color:#fff}.eyebrow{color:var(--studio-coral)}input,select,textarea{border-color:#d5d7d3;border-radius:6px;background:#fffefb}input:focus,select:focus,textarea:focus{outline:2px solid #ff6b4530;border-color:var(--studio-coral)}.secret{border-color:var(--studio-coral);border-radius:4px;background:#fff0eb}
.login{position:relative;overflow:hidden;background:var(--studio-paper)}.login-brand{position:relative;overflow:hidden;padding:9vw;background:var(--studio-black)}.login-brand:before{content:"";position:absolute;right:-18%;bottom:-40%;width:680px;height:680px;border:1px solid #303841;border-radius:50%;box-shadow:0 0 0 75px #ffffff03,0 0 0 150px #ffffff025}.login-brand:after{content:"GURBAA";position:absolute;right:-45px;bottom:28px;color:#171d22;font-size:116px;font-weight:950;letter-spacing:-.08em;transform:rotate(-90deg);transform-origin:center}.login-brand>span{z-index:1}.login-brand>small{z-index:1;color:var(--studio-coral);font-size:8px}.login-brand h1{z-index:1;font-size:58px;letter-spacing:-.065em;line-height:.98}.login-brand h1 em{color:var(--studio-lime)}.login-brand p{z-index:1;color:#8d969e}.login-orbit{position:absolute;right:13%;top:21%;width:130px;height:130px;border:1px solid #3a434c;border-radius:50%;animation:orbit 14s linear infinite}.login-orbit i{position:absolute;width:10px;height:10px;border-radius:50%}.login-orbit i:nth-child(1){left:-5px;top:58px;background:var(--studio-coral)}.login-orbit i:nth-child(2){right:9px;top:9px;background:var(--studio-lime)}.login-orbit i:nth-child(3){right:1px;bottom:20px;background:var(--studio-cyan)}@keyframes orbit{to{transform:rotate(360deg)}}.login form{position:relative}.login form:before{content:"01 / STUDIO ACCESS";position:absolute;right:0;top:-80px;font-size:7px;letter-spacing:.17em;color:#a3a5a0;font-weight:900}.login form>small{color:var(--studio-coral);font-weight:900;letter-spacing:.17em}.login form h2{font-size:38px;letter-spacing:-.06em}.login form h2 em{font-style:normal;color:var(--studio-coral)}.login form .primary{display:flex;align-items:center;justify-content:space-between;border-radius:6px;padding:15px 18px}.login form .primary span{font-size:17px}.login form label{color:#5d625f}
#toast{border-radius:4px 14px 4px 4px;background:var(--studio-black);border-left:4px solid var(--studio-lime)}#toast.error{background:#271216;border-left-color:var(--studio-coral)}
.loading:after{content:"";width:24px;height:2px;margin-top:13px;background:var(--studio-coral);animation:loadbar .9s ease-in-out infinite alternate}@keyframes loadbar{to{width:70px;background:var(--studio-lime)}}
@media(max-width:1000px){.shell{grid-template-columns:260px 1fr}aside{width:260px}.content{padding:25px}.hero h2{font-size:29px}}
@media(max-width:760px){aside{width:min(86vw,290px)}header{height:82px;padding:13px 17px}header>div:nth-child(2){display:block}.header-kicker{display:none}header h1{font-size:21px}#menu{border-radius:50%;background:var(--studio-black);color:var(--studio-coral)}.content{padding:14px}.hero{min-height:170px;border-radius:3px 21px 3px 3px;padding:25px}.hero h2{font-size:27px}.stats{gap:8px}.stats button{min-height:105px}.panel,.toolbar{border-radius:3px 15px 3px 3px}.login form{width:84%}.modal-card{border-radius:4px 20px 4px 4px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* v1.2 — Gurbaa Studio corporate green + official mascot */
:root{--studio-green:#2db45d;--studio-green-dark:#168844;--studio-neon:#83f274;--studio-purple:#aa8cf6;--primary:var(--studio-green);--primary2:#45ca73}
.brand>span.brand-mark,.login-brand>span.brand-mark{padding:0;overflow:hidden;background:#1d1e20;border:1px solid #323438;transform:none;box-shadow:0 0 0 3px #83f27418}
.brand>span.brand-mark{width:48px;height:48px;border-radius:14px}
.login-brand>span.brand-mark{width:76px;height:76px;border-radius:22px;border-color:#3a3d40;box-shadow:0 0 0 5px #83f27412}
.brand-mark img{display:block;width:100%;height:100%;object-fit:cover}
.brand b em{color:var(--studio-green)}
.workspace:after{background:var(--studio-neon);box-shadow:0 0 0 5px #83f27418}
nav button.active:before{background:var(--studio-green)}nav button.active:after{color:var(--studio-neon)}nav button:nth-of-type(4).active:before,nav button:nth-of-type(5).active:before,nav button:nth-of-type(6).active:before{background:var(--studio-purple)}
.profile i{background:var(--studio-neon)}.profile:hover{color:var(--studio-neon)}
.hero small{color:var(--studio-neon)}.hero>span{background:var(--studio-neon)}
.stats button:first-child{background:#dff5e6}.stats button:first-child i{background:var(--studio-green-dark)}.stats button:nth-child(3){background:#ffe0d7}
.primary:hover{background:var(--studio-green);color:#07120b}.eyebrow{color:var(--studio-coral)}
input:focus,select:focus,textarea:focus{outline-color:#2db45d33;border-color:var(--studio-green)}
.login-brand>small{color:var(--studio-neon)}.login-brand h1 em{color:var(--studio-neon)}.login form>small{color:var(--studio-green);}.login form h2 em{color:var(--studio-green)}
.login-orbit i:nth-child(1){background:var(--studio-coral)}.login-orbit i:nth-child(2){background:var(--studio-neon)}.login-orbit i:nth-child(3){background:var(--studio-purple)}
#toast{border-left-color:var(--studio-neon)}.loading:after{background:var(--studio-green);animation-name:loadbar-green}@keyframes loadbar-green{to{width:70px;background:var(--studio-neon)}}
@media(max-width:760px){#menu{color:var(--studio-neon)}}
.badge.online{border-color:#a9d9b8;background:#dcf5e4;color:#14753d}.badge.issue{border-color:#f0cf94;background:#fff0d1;color:#915c06}.badge.offline{border-color:#d1d4d2;background:#e8e9e6;color:#666c68}
.token-rotate{width:100%;margin-top:15px;padding:10px;border:1px solid #d7d8d3;border-radius:6px;background:#f0f0eb;color:#555b58;font-weight:800;font-size:10px;cursor:pointer}.token-rotate:hover{border-color:var(--studio-green);background:#e1f4e7;color:var(--studio-green-dark)}