:root{--chart-0:#c39b59;--chart-1:#285777;--chart-2:#34897c;--gold:#d2b073;--paper:#f4f6f9}
.portrait{display:block;flex-shrink:0;width:54px;height:54px;border-radius:50%;border:2px solid #d2b073;background:#102238 url('/brand-reference.png') 31% 24% / 600% auto no-repeat;box-shadow:0 0 0 4px #d2b07315}.owner-avatar.portrait{width:34px;height:34px}.brand-name{font-size:21px}.brand-name small{font-size:10px}.studio-hero{border-radius:20px;padding:28px 34px;background:radial-gradient(ellipse at left,#31516a55,transparent 65%),linear-gradient(120deg,#10263d,#0c1a2d);color:#fff;display:flex;align-items:center;justify-content:space-between;border:1px solid #c39b5944;margin-bottom:24px}.studio-hero h2{font-size:29px;color:#fff;margin:10px 0 20px}.studio-hero .eyebrow{color:#d5b57d;letter-spacing:1.5px}.hero-owner{text-align:center;display:grid;justify-items:center;gap:8px}.hero-owner .portrait{width:100px;height:100px}.hero-owner small{color:#cab990}.action-create,button.primary{background:#17324e;color:#fff;border-color:#17324e;font-weight:bold}.action-create:hover,button.primary:hover{background:#254e70;color:#fff}.action-money{background:#d2b073;color:#14273d;border-color:#c6a164;font-weight:bold}.action-money:hover{background:#e0c390}.action-exit{background:#f7eeee;color:#9b4747;border-color:#eddddd}.action-quiet{background:#eef2f6;color:#29435e;border-color:#dbe3ec}.action-quiet:hover{background:#dee7ef}.studio-hero button{min-height:42px}.studio-hero .actions{margin:0}.dashboard-toolbar{display:flex;align-items:center;justify-content:space-between;margin:16px 0;gap:16px}.dashboard-toolbar label{margin:0;min-width:160px}.dashboard-toolbar h2{margin:0}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:22px}.metric.card{margin:0;padding:20px;border:1px solid #e0e6ee;border-top:3px solid #d2b073;display:flex;flex-direction:column;gap:10px;min-width:0}.metric span{font-size:12px;color:#526a82}.metric strong{font-size:24px;overflow-wrap:anywhere;direction:ltr;text-align:right;line-height:1.3}.metric small{font-size:10px;line-height:1.6}.studio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.studio-grid>.card{min-width:0;margin-bottom:0}.studio-grid{margin-bottom:22px}.chart-bar{margin:16px 0}.chart-bar>div:first-child{display:flex;justify-content:space-between;gap:12px;font-size:12px;margin-bottom:8px}.chart-bar b{direction:ltr;white-space:nowrap}.bar-track{height:10px;border-radius:10px;background:#edf1f5;overflow:hidden}.bar-track i{display:block;height:100%;border-radius:10px;min-width:0}.mini-totals{display:flex;flex-wrap:wrap;gap:12px;border-top:1px solid #e8edf2;margin-top:16px;padding-top:16px}.mini-totals span{flex:1;font-size:11px;color:#63778b;min-width:90px}.mini-totals b{display:block;margin-top:8px;font-size:16px;color:#1a354f;direction:ltr;text-align:right}.ring-layout{display:flex;align-items:center;justify-content:space-evenly;gap:20px;padding:20px 0}.ring{width:150px;height:150px;border-radius:50%;display:grid;place-items:center;flex-shrink:0}.ring>div{width:116px;height:116px;border-radius:50%;background:#fff;display:grid;place-content:center;text-align:center}.ring b{font-size:32px}.ring small{display:block}.ring-layout p{font-size:12px;display:flex;gap:12px;align-items:center}.ring-layout p b{margin-right:auto}.legend-dot{width:10px;height:10px;border-radius:50%;display:inline-block}.performance-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.performance-grid .metric{padding:10px;border:0;background:#f5f7fa}.performance-grid .metric strong{font-size:17px}.performance-grid .metric span{font-size:10px}.search-bar{display:flex;gap:16px;align-items:center;margin-bottom:20px}.search-bar label{flex:1;max-width:500px;margin:0}.search-bar input{border-radius:12px}.guide-intro li{margin:15px 0;line-height:1.9}.guide-section summary{font-size:17px;font-weight:bold;color:#1e3d59;cursor:pointer}.guide-section>div{margin-top:20px;line-height:2;font-size:14px;max-width:850px}details:not(.card){font-size:11px;color:#60748a;margin-top:16px}th{position:sticky;top:0}.table-wrap{border-radius:10px;border:1px solid #e7edf3}tbody tr:hover{background:#f8fafc}tbody tr:nth-child(even){background:#fafbfd}dialog{box-shadow:0 24px 80px #07162d40}button{min-height:36px}nav button{min-height:44px}nav button.active{background:linear-gradient(90deg,#d2b07310,#d2b07325)}.card{box-shadow:0 8px 30px #16283b05}main{padding:28px 32px}.header-actions .badge{background:#e7eef2;color:#34576a}header{margin-bottom:24px}
@media(max-width:1150px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-hero h2{font-size:24px}.studio-grid{gap:14px}.performance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){main{padding:18px 14px}.portrait{width:40px;height:40px}.studio-hero{padding:22px;gap:16px}.studio-hero h2{font-size:20px;line-height:1.7}.studio-hero .eyebrow{font-size:8px}.hero-owner{display:none}.studio-grid{grid-template-columns:1fr}.metric-grid{gap:10px}.metric.card{padding:15px}.metric strong{font-size:20px}.dashboard-toolbar h2{font-size:15px}.dashboard-toolbar label{min-width:110px;max-width:140px;font-size:11px}.dashboard-toolbar select{font-size:11px}.search-bar{display:block}.search-bar>span{display:block;margin-top:8px}.ring{width:135px;height:135px}.ring>div{width:105px;height:105px}.guide-intro ol{padding-right:20px}.studio-grid .table-wrap{overflow-x:auto}.studio-hero button{font-size:11px}.metric span{font-size:11px}.brand-name{font-size:18px}.brand-name small{font-size:9px}}