/* Jogim studio: shared surfaces, navigation and personal theme tokens. */
:root{--accent:#8051d4;--accent-picked:#8051d4;--page-bg:#f5f1fc;--app-font:"Segoe UI",sans-serif;--banner-image:url('/static/visual/reine.jpg');--banner-y:50%;--banner-opacity:1;--ink:#211739;--muted:#6b617b;--purple:var(--accent);--border:color-mix(in srgb,var(--accent) 16%,white);--tint:color-mix(in srgb,var(--accent-picked) 12%,white);--tint-soft:color-mix(in srgb,var(--accent-picked) 4%,white);--shadow:0 5px 17px color-mix(in srgb,var(--accent) 10%,transparent),inset 0 1px 0 #fff;--lift:0 7px 0 color-mix(in srgb,var(--accent) 8%,white),0 12px 24px color-mix(in srgb,var(--accent) 13%,transparent),inset 0 2px 0 white}
body{font-family:var(--app-font);font-size:14px;line-height:1.55;color:var(--ink);background:radial-gradient(ellipse at 70% 0%,color-mix(in srgb,var(--accent-picked) 9%,transparent),transparent 55%),var(--page-bg)}
h1,h2,h3,input,select,textarea,button{font-family:inherit}h1{font-size:30px;letter-spacing:-.035em;line-height:1.2}h2{font-size:19px;letter-spacing:-.02em}a{color:var(--accent)}a:hover{color:var(--accent)}.muted,small{color:var(--muted)}
.sidebar{width:258px;padding:25px 14px 17px;background:linear-gradient(155deg,#ffffffed,var(--tint-soft));border-right:1px solid var(--border);isolation:isolate;box-shadow:5px 0 25px color-mix(in srgb,var(--accent) 3%,transparent)}
.sidebar::after{content:"";position:absolute;z-index:-1;inset:auto 0 0;height:230px;background-image:linear-gradient(0deg,transparent,var(--tint-soft) 97%),var(--banner-image);background-size:cover;background-position:43% var(--banner-y);opacity:calc(var(--banner-opacity) * .45);pointer-events:none}
.brand{font-size:30px;color:#24104b;gap:12px;margin-bottom:24px}.brandmark{background:linear-gradient(145deg,color-mix(in srgb,var(--accent-picked) 70%,white),var(--accent));box-shadow:0 4px 10px color-mix(in srgb,var(--accent) 22%,transparent),inset 1px 2px 1px #ffffff85}.brand small{color:var(--muted);font-size:10px;letter-spacing:.25em}
.company-picker{background:linear-gradient(140deg,#ffffffbd,var(--tint));border:1px solid var(--border);border-radius:15px;padding:12px;color:var(--ink);font-size:12px;box-shadow:inset 0 1px 0 #fff;margin-bottom:18px}.company-icon,.avatar{background:var(--tint);color:var(--accent)}.company-picker small{font-size:10px;color:var(--muted)}
.sidebar nav{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--accent) 24%,white) transparent;padding-right:2px}.sidebar .nav{padding:11px 13px;font-size:14px;gap:13px;border:1px solid transparent;border-radius:12px;margin-bottom:4px;line-height:1.35;min-height:44px;color:var(--ink);transition:background .15s,box-shadow .15s}.sidebar .nav .icon{width:21px;height:21px;color:var(--ink)}.sidebar .nav:hover{background:var(--tint-soft);border-color:var(--border)}.sidebar .nav.selected{background:linear-gradient(120deg,var(--tint),color-mix(in srgb,var(--accent-picked) 32%,white));border-color:color-mix(in srgb,var(--accent-picked) 22%,white);color:#241343;box-shadow:inset 0 1px 1px #ffffffb0,0 3px 10px color-mix(in srgb,var(--accent) 9%,transparent);font-weight:650}.sidebar .nav.selected .icon{color:var(--accent)}
.nav-group summary{font-size:12px;color:var(--muted);padding:12px 10px}.sidebar .nav-group .nav{font-size:13px;padding-left:16px}.sidebar-bottom{background:linear-gradient(0deg,color-mix(in srgb,var(--page-bg) 90%,transparent),transparent);border-color:var(--border)}.profile{font-size:12px}.profile small{font-size:10px}.profile .avatar{background:var(--tint);color:var(--accent)}
.shell{margin-left:258px}.topbar{height:76px;min-height:76px;background:color-mix(in srgb,var(--page-bg) 80%,#fff);border-color:var(--border);padding:14px 28px;gap:20px}.shell main{max-width:1800px;padding:24px 28px 40px}.top-actions{gap:14px}.top-actions .test-pill{display:none}.view-finder{width:min(570px,55%)}.view-finder>summary{font-size:13px;background:linear-gradient(125deg,#fff,var(--tint-soft));border-color:var(--border);box-shadow:0 4px 14px color-mix(in srgb,var(--accent) 7%,transparent);color:var(--muted);padding:11px 16px}.view-finder summary .icon{color:var(--accent)}.finder-panel,.create-menu>div{background:white;border-color:var(--border);box-shadow:0 14px 45px color-mix(in srgb,var(--accent) 18%,transparent)}.finder-results a:hover,.finder-results a:focus,.create-menu a:hover{background:var(--tint)}
.top-company{display:flex;align-items:center;gap:10px;order:4;max-width:250px;background:linear-gradient(120deg,white,var(--tint));padding:7px 12px 7px 7px;border:1px solid var(--border);border-radius:28px;color:var(--ink);font-size:12px;font-weight:600}.top-company>span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-company .avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;flex-shrink:0}.top-company>.icon{width:16px;height:16px;flex-shrink:0}.create-menu>summary{width:39px;height:39px;background:linear-gradient(145deg,color-mix(in srgb,var(--accent-picked) 65%,white),var(--accent));border:1px solid color-mix(in srgb,var(--accent) 70%,white);box-shadow:inset 0 2px 1px #ffffff70,0 4px 8px color-mix(in srgb,var(--accent) 24%,transparent)}.language{border-color:var(--border);background:#ffffffba}.language select{font-size:12px}.language button{color:var(--accent)}
.page-heading{margin:0 0 24px;padding:8px 0 5px}.page-heading p{font-size:14px;color:var(--muted);max-width:80ch}.page-heading .actions{flex-wrap:wrap}.page-heading h1{font-size:30px}.panel{background:linear-gradient(135deg,#fff 15%,var(--tint-soft));border:1px solid color-mix(in srgb,var(--accent) 11%,white);border-radius:20px;box-shadow:var(--shadow)}.panel-title{padding:22px 24px}.panel-title h2{font-size:19px}.panel-title>a{font-size:13px}.panel h3{font-size:17px}.form-panel{padding:28px}.line-panel{padding:24px}
.button,button.button{min-height:44px;border-radius:12px;padding:11px 20px;font-size:13px;font-weight:650;background:linear-gradient(155deg,color-mix(in srgb,var(--accent) 88%,white),var(--accent));border:1px solid var(--accent);box-shadow:0 3px 0 color-mix(in srgb,var(--accent) 75%,black),0 6px 14px color-mix(in srgb,var(--accent) 16%,transparent),inset 0 1px 0 #ffffff60;color:white}.button:hover,button.button:hover{background:var(--accent);box-shadow:0 2px 0 color-mix(in srgb,var(--accent) 75%,black),0 4px 12px color-mix(in srgb,var(--accent) 20%,transparent);color:white}.button.secondary{background:linear-gradient(145deg,#fff,var(--tint-soft));color:var(--accent);border-color:var(--border);box-shadow:0 3px 0 var(--tint),inset 0 1px 0 white}.button.secondary:hover{background:var(--tint);color:var(--accent)}.button.danger{background:#a53652;border-color:#a53652;box-shadow:0 3px 0 #7c263c;color:white}.button:disabled{background:#eeeaf0;border-color:#ded8e4;box-shadow:none;color:#7c7384;cursor:not-allowed}
:is(input,select,textarea):not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=color]):not([type=range]){font:inherit;color:var(--ink);border:1px solid color-mix(in srgb,var(--accent) 24%,white);border-radius:10px;background:#ffffffed;box-shadow:inset 0 2px 3px #21173904;min-height:43px;padding:10px 12px;max-width:100%}textarea{resize:vertical;line-height:1.6;width:100%}label,.field label{font-size:13px;font-weight:600;color:var(--ink)}form p label{display:block;margin-bottom:8px}input[type=checkbox],input[type=radio]{accent-color:var(--accent);width:17px;height:17px;vertical-align:middle}input:focus,textarea:focus,select:focus{outline:2px solid color-mix(in srgb,var(--accent) 60%,white);outline-offset:2px;box-shadow:0 0 0 4px var(--tint)}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.errorlist{color:#9a2741;background:#fff0f3;border-radius:8px;padding:10px 25px;font-size:13px}.helptext{display:block;color:var(--muted);font-size:12px;margin-top:7px;max-width:70ch}.entry-row{background:color-mix(in srgb,var(--tint-soft) 65%,white);border-color:var(--border);border-radius:14px}.entry-row legend{color:var(--accent)}
th,td{padding:15px 20px;border-color:var(--border);font-size:13px;color:var(--ink)}th{background:var(--tint-soft);font-size:12px;font-weight:650;letter-spacing:0;text-transform:none}tbody tr:hover{background:color-mix(in srgb,var(--accent-picked) 6%,white)}.numeric{font-variant-numeric:tabular-nums}.table-scroll{border-radius:16px;max-width:100%;overflow-x:auto}.table-link{color:var(--accent)}.badge{font-size:11px;padding:4px 9px;border-radius:8px;background:var(--tint);color:var(--accent)}.badge.issued{background:#e0f6ea;color:#236343}.badge.draft{background:var(--tint);color:var(--accent)}.badge.credited{background:#fae8ee;color:#8d3652}.alert{font-size:14px;background:var(--tint);border-color:var(--border);color:var(--ink);border-radius:13px}.alert.error{background:#fff0f3;color:#902e47;border-color:#efc8d1}.search{border-color:var(--border);border-radius:14px;background:#ffffff80}
.welcome-scene{isolation:isolate;position:relative;background:transparent!important;border:0;min-height:172px;padding:20px 6px;margin:0;overflow:hidden;border-radius:18px;display:flex;align-items:flex-start}.welcome-scene::before{content:"";position:absolute;z-index:-1;inset:0;background-image:linear-gradient(90deg,var(--page-bg) 0%,color-mix(in srgb,var(--page-bg) 90%,transparent) 27%,color-mix(in srgb,var(--page-bg) 30%,transparent) 59%,transparent 100%),var(--banner-image);background-size:cover;background-position:center var(--banner-y);opacity:var(--banner-opacity);border-radius:18px;mask-image:linear-gradient(black 75%,transparent)}.welcome-scene h1{font-size:34px;line-height:1.25;letter-spacing:-.035em;max-width:580px;margin:0 0 9px;color:var(--ink)}.welcome-scene p{font-size:16px;color:var(--ink)}.scene-company{font-size:12px;color:var(--muted);margin-top:10px}.overview-layout{grid-template-columns:minmax(0,1fr) 320px;gap:24px}.overview-main{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-content:start}.overview-main>.welcome-scene,.overview-main>.quick-actions,.overview-main>.overview-metrics,.overview-main>.refund-notes,.overview-main>.finance-chart,.overview-main>.invoices-panel{grid-column:1/-1}.overview-rail{gap:24px;align-content:start}.quick-actions{gap:16px;margin:0 0 9px;position:relative}.quick-actions a{background:linear-gradient(145deg,#fff 8%,var(--tint-soft) 60%,var(--tint));border:1px solid #ffffff;border-radius:19px;box-shadow:var(--lift);min-height:108px;font-size:15px;font-weight:600;color:var(--ink);gap:11px;transition:transform .15s,box-shadow .15s}.quick-actions a:nth-child(2){background:linear-gradient(140deg,white,var(--tint))}.quick-actions a:hover{transform:translateY(-3px);color:var(--accent);box-shadow:0 9px 0 var(--tint),0 17px 25px color-mix(in srgb,var(--accent) 15%,transparent)}.quick-actions a:active{transform:translateY(3px);box-shadow:0 2px 0 var(--tint)}.quick-actions .icon{width:37px;height:37px;color:var(--accent);filter:drop-shadow(0 3px 0 color-mix(in srgb,var(--accent) 10%,white));stroke-width:1.65}
.overview-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0}.metric{padding:20px 16px;border-radius:18px;background:linear-gradient(145deg,#fff,var(--tint-soft));border-color:#fff;box-shadow:var(--shadow);min-height:126px}.metric>span{font-size:12px;max-width:calc(100% - 28px);color:var(--ink)}.metric strong{font-size:23px;margin:12px 0 4px;letter-spacing:-.025em}.metric strong small{font-size:11px;color:var(--ink)}.metric>small{font-size:10px;color:var(--muted)}.metric-icon{right:12px;top:17px;width:30px;height:30px}.metric-icon .icon{width:19px;height:19px}.metric-icon.lavender{background:var(--tint);color:var(--accent)}
.finance-chart{min-width:0}.chart-key{font-size:12px}.chart-key i{background:var(--accent-picked)}.income-chart{max-height:275px}.bar-income{fill:var(--accent-picked)}.bar-expense{fill:#f58eb7}.chart-month,.chart-zero{fill:var(--muted);font:12px var(--app-font)}.chart-grid path{stroke:var(--border)}.chart-totals strong{font-size:18px}.chart-totals span,.chart-data{font-size:12px}.chart-empty strong{font-size:16px;color:var(--ink)}.chart-empty p{font-size:13px}.chart-empty{color:var(--accent)}.period-label{font-size:11px;color:var(--muted);background:var(--tint-soft);border:1px solid var(--border);padding:5px 10px;border-radius:20px}
.workspace-panel{padding:24px;background:linear-gradient(135deg,#fff,var(--tint-soft))}.workspace-panel h2{font-size:20px}.workspace-panel h2 .icon{color:var(--accent)}.workspace-panel>p{font-size:14px}.workspace-panel>a:not(.button){font-size:13px;color:var(--ink);border-color:var(--border);padding:15px 0}.workspace-panel>a:not(.button)>.icon:first-child{color:var(--accent)}.workspace-panel .button{font-size:13px;margin-top:22px}.tax-card{padding:24px;background:linear-gradient(130deg,#fff,var(--tint-soft))}.tax-card h2{font-size:17px}.tax-card>strong{font-size:29px}.tax-card>p{font-size:13px}.tax-card>a{font-size:13px;color:var(--accent)}.tax-card>span{font-size:12px;color:var(--muted)}.tax-card .icon{color:var(--accent)}
.activity-list{padding:0 22px 18px}.activity{border-color:var(--border);padding:14px 0}.activity strong{font-size:13px}.activity small{font-size:11px}.activity-symbol{background:var(--tint);color:var(--accent);width:34px;height:36px}.activity>span:last-child:not(:first-child){font-size:12px}.shortcut-grid{padding:0 22px 22px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.shortcut-grid a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px;min-height:90px;padding:12px 8px;border-radius:15px;font-size:12px;font-weight:600;text-align:center;color:var(--ink);background:linear-gradient(135deg,white,var(--tint));box-shadow:inset 0 1px 0 white,0 3px 0 var(--tint);border:1px solid #fff}.shortcut-grid a:nth-child(3n+1){background:linear-gradient(135deg,#f7fff9,#ddf3e6)}.shortcut-grid a:nth-child(3n){background:linear-gradient(135deg,#fffaf8,#fce7dc)}.shortcut-grid .icon{width:28px;height:28px;color:var(--accent)}.shortcut-grid a:hover{box-shadow:0 5px 12px color-mix(in srgb,var(--accent) 15%,transparent);text-decoration:none}
.future-panel{background:linear-gradient(155deg,var(--tint),#ffffffcc);border-color:var(--border);box-shadow:var(--shadow);border-radius:22px;padding:24px}.future-heading h2{font-size:17px}.future-heading>span{font-size:10px;color:var(--accent)}.future-panel h3{font-size:20px}.future-panel p,.future-panel details{font-size:13px}.future-panel details{color:var(--accent)}.phone-concept{width:164px;height:238px;border:6px solid #292532;border-radius:28px;box-shadow:9px 13px 20px #28163530,inset 0 0 0 2px white;background:linear-gradient(155deg,white,var(--tint));transform:rotate(6deg);margin:32px auto}.phone-brand{color:var(--accent);font-size:20px}.receipt-scan{height:112px;border-color:var(--accent-picked)}.phone-concept>strong{font-size:10px}.camera-button{background:var(--accent)}.overview-footnote p,.overview-footnote a{font-size:11px;color:var(--muted)}.shell footer{font-size:11px;color:var(--muted)}
.appearance-layout{display:grid;grid-template-columns:minmax(360px,1fr) minmax(300px,.85fr);gap:28px;align-items:start}.appearance-layout .form-panel{margin:0}.appearance-preview{position:sticky;top:24px;display:grid;gap:24px}.appearance-preview .quick-actions{grid-template-columns:1fr 1fr}.appearance-preview .welcome-scene{min-height:200px;padding:24px}.appearance-preview .welcome-scene p{font-size:14px;max-width:28ch}.appearance-preview .welcome-scene h2{font-size:28px}.appearance-preview .welcome-scene::before{mask-image:none}.appearance-amount{font-size:34px;font-weight:650;font-variant-numeric:tabular-nums}.appearance-amount small{font-size:15px}.palette-picker{border:0;padding:0;margin:0 0 28px;display:flex;gap:9px;flex-wrap:wrap}.palette-picker legend{font-size:14px;font-weight:600;margin-bottom:12px}.palette{border:1px solid var(--border);border-radius:24px;background:white;min-height:40px;padding:8px 13px;cursor:pointer;color:var(--ink);display:flex;align-items:center;gap:7px}.palette::before{content:"";width:15px;height:15px;background:#8051d4;border-radius:50%}.palette.ocean::before{background:#156e9b}.palette.forest::before{background:#28745d}.palette.rose::before{background:#a33d70}.palette:hover{background:var(--tint-soft)}#appearance-form input[type=color]{width:100%;height:46px;border:1px solid var(--border);border-radius:10px;background:white;padding:5px;cursor:pointer}#appearance-form input[type=range]{width:100%;accent-color:var(--accent)}#appearance-form p{margin-bottom:22px}#appearance-form .actions{gap:14px;flex-wrap:wrap}
@media(min-width:1600px){.overview-layout{grid-template-columns:minmax(0,1fr) 350px}.welcome-scene{min-height:178px}.quick-actions a{min-height:112px}.overview-main{gap:24px}.metric strong{font-size:26px}.metric{padding:21px 18px}.metric>span{font-size:13px}.sidebar .nav{padding:12px 14px}}
@media(max-width:1300px){.sidebar{width:232px;padding:24px 12px 14px}.shell{margin-left:232px}.sidebar .nav{font-size:13px;gap:10px;padding:10px}.top-company{max-width:180px}.overview-layout{grid-template-columns:minmax(0,1fr) 280px;gap:18px}.overview-main{gap:18px}.quick-actions{gap:11px}.quick-actions a{font-size:12px;min-height:100px}.metric strong{font-size:20px}.metric>span{font-size:11px;max-width:100%}.metric-icon{display:none}.overview-metrics{gap:10px}.metric{padding:17px 12px}.welcome-scene h1{font-size:29px}.shortcut-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace-panel,.tax-card,.future-panel{padding:21px}}
@media(max-width:1100px){.overview-layout{grid-template-columns:1fr}.overview-rail{display:grid;grid-template-columns:1fr 1fr}.overview-rail .future-panel{grid-column:1/-1;display:block}.future-panel .phone-concept{float:right;margin:12px 25px 20px 30px}.future-panel:after{content:"";display:block;clear:both}.top-company{display:none}.view-finder{width:min(600px,70%)}.overview-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.appearance-layout{grid-template-columns:1fr}.appearance-preview{position:static;grid-template-columns:1fr 1fr}.appearance-preview .welcome-scene{grid-column:1/-1}.appearance-preview .quick-actions{align-content:start}}
@media(max-width:760px){.sidebar,.sidebar.mobile-ready{position:relative;width:100%;padding:17px;background:linear-gradient(120deg,white,var(--tint-soft));min-height:72px}.sidebar::after{display:none}.sidebar .brand{font-size:26px;margin:0}.sidebar .brand small{font-size:8px}.sidebar.mobile-ready .mobile-nav-toggle{top:18px;right:17px;border-color:var(--border);color:var(--accent);font-size:12px}.sidebar.mobile-ready.menu-open nav{max-height:56dvh;margin-top:20px}.sidebar .nav{font-size:14px;padding:12px;min-height:46px}.sidebar .nav-group .nav{font-size:13px}.sidebar .nav>span{font-size:14px}.shell{margin-left:0}.topbar{padding:12px 16px;height:65px;min-height:65px;gap:10px}.top-actions{gap:9px}.language select{font-size:11px;max-width:83px}.view-finder{width:auto;flex:1}.view-finder>summary{font-size:12px;padding:10px}.create-menu>summary{width:34px;height:34px}.shell main{padding:19px 16px 30px}.page-heading h1{font-size:27px;overflow-wrap:anywhere}.page-heading{gap:14px;flex-wrap:wrap}.page-heading p{font-size:13px}.page-heading .actions{gap:10px}.overview-main{grid-template-columns:1fr;gap:20px}.overview-main>*{grid-column:1!important}.welcome-scene{min-height:172px;padding:18px 4px}.welcome-scene h1{font-size:28px;max-width:310px}.welcome-scene p{font-size:14px;max-width:27ch}.welcome-scene::before{background-position:60% var(--banner-y)}.quick-actions{grid-template-columns:1fr 1fr;gap:15px;margin-bottom:6px}.quick-actions a{min-height:102px;font-size:13px;border-radius:17px}.quick-actions .icon{width:32px;height:32px}.overview-metrics{grid-template-columns:1fr 1fr;gap:12px}.metric{display:block;min-height:126px;padding:16px 12px}.metric>span{font-size:12px}.metric strong{display:block;font-size:21px;margin-top:12px}.metric>small{font-size:10px}.overview-rail{grid-template-columns:1fr}.overview-rail .future-panel{grid-column:auto}.future-panel .phone-concept{float:none;margin:25px auto;transform:rotate(5deg);width:164px}.panel-title{padding:20px}.panel-title h2{font-size:18px}.panel-title>a{font-size:12px}.form-panel{padding:21px}.line-panel{padding:18px}.form-grid{grid-template-columns:1fr}.button{font-size:13px}.chart-totals{gap:10px}.chart-totals strong{font-size:15px}.chart-totals span{font-size:11px}.chart-key{font-size:11px}.shortcut-grid{grid-template-columns:repeat(3,minmax(0,1fr));padding:0 18px 22px;gap:10px}.shortcut-grid a{font-size:11px;min-height:86px}.appearance-layout{display:block}.appearance-preview{margin-top:24px;display:grid;grid-template-columns:1fr;position:static}.appearance-preview .welcome-scene{grid-column:auto}.appearance-preview .quick-actions{grid-template-columns:1fr 1fr}th,td{font-size:12px;padding:13px 16px}.shell footer{font-size:11px;padding:18px 16px}.activity strong{font-size:12px}.activity small{font-size:11px}.overview-footnote p,.overview-footnote a{font-size:10px}}
@media(prefers-reduced-motion:reduce){.quick-actions a,.sidebar .nav{transition:none}.quick-actions a:hover,.quick-actions a:active{transform:none}}
@media print{body{background:white!important;color:black;font-family:"Segoe UI",sans-serif}.sidebar,.topbar,.dashboard-shortcuts,.appearance-preview{display:none!important}.shell{margin:0}.panel{box-shadow:none;background:white;border-color:#ccc}.welcome-scene::before{display:none}.page-heading{background:none}.overview-layout,.overview-main{display:block}}

.overview-main>.dashboard-charts{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:22px}.expense-breakdown{min-width:0;display:flex;flex-direction:column}.expense-ring{width:164px;height:164px;aspect-ratio:1;border-radius:50%;padding:21px;margin:0 auto 18px;box-shadow:inset 0 0 0 2px white,0 4px 12px #21173909;flex-shrink:0}.expense-ring>div{width:100%;height:100%;background:linear-gradient(140deg,white,var(--tint-soft));border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 0 0 2px white}.expense-ring strong{font-size:20px;font-variant-numeric:tabular-nums;letter-spacing:-.04em}.expense-ring small{font-size:12px}.expense-legend{list-style:none;padding:0 22px;margin:0}.expense-legend li{display:flex;gap:8px;align-items:start;margin:10px 0;font-size:12px}.expense-legend i{width:11px;height:11px;border-radius:50%;margin-top:4px;flex-shrink:0}.expense-legend span{flex:1;min-width:0}.expense-legend small{display:block;font-size:10px}.expense-legend strong{font-size:12px}.breakdown-note{font-size:10px;color:var(--muted);padding:0 22px;margin:12px 0}.breakdown-link{display:flex;align-items:center;justify-content:space-between;margin:auto 22px 20px;font-size:12px}.breakdown-link .icon{width:16px;height:16px}@media(max-width:1300px) and (min-width:1101px){.overview-main>.dashboard-charts{grid-template-columns:1fr}.expense-breakdown{display:block}.expense-ring{float:left;margin:10px 25px}.expense-breakdown:after{content:"";display:block;clear:both}.expense-legend{min-height:160px}}@media(max-width:760px){.overview-main>.dashboard-charts{grid-template-columns:1fr;gap:20px}.expense-ring{width:180px;height:180px}.expense-legend li{font-size:13px}.expense-legend small{font-size:11px}.breakdown-note,.breakdown-link{font-size:12px}}

/* Compact reference composition without reducing form or table readability. */
.overview-main{gap:19px}.welcome-scene{min-height:121px;padding:13px 5px}.welcome-scene h1{font-size:32px;font-weight:700}.welcome-scene p{margin:6px 0}.scene-company{margin-top:6px}.quick-actions a{min-height:98px}.overview-metrics .metric{min-height:112px;padding-top:16px;padding-bottom:16px}.overview-metrics .metric strong{margin-top:9px}.overview-main>.dashboard-charts{gap:20px}.income-chart{height:195px;max-height:195px}.chart-data{margin:12px 24px 20px}.chart-data .chart-totals{margin:16px 0}.finance-chart .panel-title,.expense-breakdown .panel-title{padding-top:19px;padding-bottom:17px}.chart-key{padding-bottom:0}.expense-distribution{display:grid;grid-template-columns:145px minmax(0,1fr);align-items:center;gap:12px;padding:12px 20px}.expense-ring{width:145px;height:145px;padding:18px;margin:0;float:none}.expense-ring strong{font-size:18px}.expense-legend{padding:0;min-height:0}.expense-legend li{font-size:11px;margin:9px 0;gap:6px}.expense-legend small{display:none}.expense-legend strong{font-size:11px}.breakdown-note{margin-top:16px}.workspace-panel{padding:23px}.workspace-panel>a:not(.button){padding:12px 0}.workspace-panel .button{margin-top:18px}.sidebar .nav{padding-top:10px;padding-bottom:10px}.future-panel{margin-top:0}.recent-activity,.dashboard-shortcuts{min-width:0}.activity{padding:10px 0}.activity strong{font-size:12px}
@media(min-width:1600px){.welcome-scene{min-height:125px}.quick-actions a{min-height:100px}.overview-main{gap:20px}.overview-metrics .metric{min-height:112px}.sidebar .nav{padding-top:10px;padding-bottom:10px}}
@media(max-width:1300px) and (min-width:1101px){.overview-main>.dashboard-charts{grid-template-columns:1fr}.expense-breakdown{display:flex}.expense-distribution{grid-template-columns:145px 1fr;gap:25px}.expense-legend li{font-size:13px}.overview-metrics{grid-template-columns:1fr 1fr}.metric-icon{display:grid}.metric>span{max-width:calc(100% - 30px)}}
@media(max-width:760px){.welcome-scene{min-height:155px;padding:15px 4px}.welcome-scene h1{font-size:27px;max-width:290px}.overview-main{gap:20px}.quick-actions a{min-height:100px}.overview-metrics .metric{min-height:122px}.expense-distribution{grid-template-columns:145px 1fr;gap:12px;padding:12px 20px}.expense-ring{width:145px;height:145px}.expense-legend li,.expense-legend strong{font-size:11px}.income-chart{height:190px;max-height:190px}.chart-key{gap:10px}.chart-data{margin:12px 20px 18px}}