/* OXODIAN's own mint, forest and warm amber system. */
:root{--green:#0a9744;--dark:#09672d;--ink:#12381f;--line:#d8e8dc;--muted:#53685a;color:#15251b;background:#edf9f1}
body{background:radial-gradient(ellipse at 0 0,#c9eed7,transparent 55%),radial-gradient(ellipse at 100% 100%,#f5f1d2,transparent 45%),#effbf5}
#app .layout{height:100dvh;min-height:0;background:transparent;grid-template-columns:245px minmax(0,1fr)}
#app .main{min-height:0;grid-template-rows:76px minmax(0,1fr)}
#app .sidebar{background:linear-gradient(155deg,#f7fff9,#eaf7e9);border-right:1px solid #cce4d2;padding:25px 17px;gap:23px}
#app .brand{font-size:1.45rem;font-weight:800;color:#124222;letter-spacing:-.5px}#app .brand>span{font-size:1rem;font-weight:500;color:#587160;letter-spacing:.8px}
#app .workspace-card{padding:13px;background:#ffffffbc;border:1px solid #fff;box-shadow:0 4px 8px #23532b0c;border-radius:17px}
#app .avatar{background:linear-gradient(145deg,#ebffdb,#baeac3);color:#075b21;border:1px solid #fff;border-radius:14px}
#app .sidebar nav{gap:8px}#app .sidebar nav a,#app .sidebar-bottom>a{gap:13px;min-height:53px;padding:11px 13px;border-radius:13px;font-weight:600;color:#34583e}
#app .sidebar nav a>span,#app .sidebar-bottom>a>span{width:auto;text-align:left;flex:1}#app .sidebar nav a .ui-icon,#app .sidebar-bottom>a .ui-icon{width:25px;height:25px;flex-shrink:0}
#app .sidebar nav a.active{border:1px solid #87c697;background:linear-gradient(120deg,#fff,#d7efca);color:#075620;box-shadow:0 3px 7px #1f613019;font-weight:750}
#app .topbar{background:#f9fffae8;border-bottom:1px solid #d0e5d5;padding:0 30px;backdrop-filter:blur(12px);z-index:15;overflow:visible}
#app .breadcrumb{gap:12px}#app .breadcrumb b{font-size:1.35rem;color:#1b4728;font-weight:800;letter-spacing:-.4px}#app .brand-dot{color:#0c8b39}#app .breadcrumb strong{font-size:1rem;color:#4f6a57;font-weight:600}
#app .content{padding:23px 30px 34px;gap:22px;min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:#96bea0 #e8f4eb;scroll-behavior:smooth;align-content:start}
#app .content>*{flex-shrink:0;min-width:0}#app .content>.panel{flex:none}#app .page-heading{min-height:62px;gap:15px;margin:0 0 1px}#app .page-heading h1{color:#102a19;font-size:1.65rem;font-weight:800;line-height:1.2}#app .page-heading .eyebrow{display:none}
#app button.primary,#dialog:not(.invoice-create-dialog):not(.invoice-view-dialog) button.primary{background:radial-gradient(ellipse at 30% 0,#18b064,transparent 80%),linear-gradient(#008a31,#006019);color:#fff;border:1px solid #087b2b;box-shadow:0 4px 7px #14552b22}
#app button,#app a.google-button{border-radius:13px}#app button.primary:hover{filter:brightness(1.06)}#app button.primary:active{transform:translateY(1px)}
#app .soft,#app .launch-button{background:linear-gradient(#fffefa,#fff0bc);color:#315428;border:1px solid #fff;box-shadow:0 3px 6px #55632a15}
#app button[data-decorated],#app .page-heading button{display:inline-flex;align-items:center;justify-content:center;gap:9px;line-height:1.2}#app button[data-decorated]>.ui-icon{width:23px;height:23px;flex-shrink:0}
#app .outline{background:linear-gradient(#fff,#f7fff0);border-color:#aacbab;color:#195329}
#app .panel{padding:22px;border:2px solid #fff;border-radius:21px;background:linear-gradient(135deg,#fff,#fcfffc);box-shadow:0 5px 10px #204b2c12;gap:17px;overflow:visible;min-height:auto}
#app .panel-heading{gap:12px}#app .panel-heading h2{color:#153b21;font-size:1.23rem;font-weight:750}#app .panel-heading p{display:block;font-size:1rem;color:#597060;margin-top:4px}
#app .subtle-link{padding:8px 12px;min-height:44px;border-radius:11px;background:#eef7e8;color:#1c632c;border:1px solid #d8ead1;font-size:1rem;font-weight:650}
#app .dashboard-welcome{display:flex;justify-content:space-between;align-items:center;gap:22px;min-height:85px}#app .business-greeting{font-size:1rem;color:#53725b;margin-bottom:5px;font-weight:600}#app .dashboard-welcome h1{font-size:1.65rem;line-height:1.2;font-weight:800;color:#142e1d;letter-spacing:-.6px}#app .hero-invoice{min-height:62px;padding:14px 23px;flex-shrink:0;font-size:1.1rem}
#app .metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;max-width:none;min-height:0;flex:none}
#app .metric{display:flex;flex-direction:column;justify-content:flex-start;gap:10px;padding:18px 19px;min-height:151px;max-height:none;border:2px solid #fff;border-radius:19px;background:linear-gradient(135deg,#fff,#f8fdf6);color:#163a20;box-shadow:0 4px 8px #2b573b12;overflow:hidden}
#app .metric-label{display:flex;align-items:center;justify-content:flex-start;gap:10px;min-width:0}#app .metric-label>span:last-child{font-size:1rem;color:#46654c;font-weight:600;line-height:1.2;min-width:0;overflow-wrap:anywhere}#app .metric-symbol{display:grid;place-items:center;background:linear-gradient(#e3ffde,#c8ecc2);color:#13722c;height:39px;width:39px;border-radius:12px;flex-shrink:0}#app .metric-symbol .ui-icon{width:26px;height:26px}
#app .metric strong{font-size:clamp(1.3rem,2.3vw,1.8rem);letter-spacing:-.5px;font-weight:750;line-height:1.2;color:#103c1f;white-space:normal;overflow-wrap:anywhere}#app .metric small{display:block;font-size:1rem;color:#657967;line-height:1.25}#app .metric-sales{background:linear-gradient(130deg,#e1f9de,#ccecc3);border-color:#f8fff1}#app .metric-profit .metric-symbol{background:linear-gradient(#e1faf0,#c3ead6);color:#08764d}#app .metric-dues{background:linear-gradient(130deg,#fffdf3,#fff0b9)}#app .metric-dues .metric-symbol{background:linear-gradient(#fff4ca,#ffdd8b);color:#a5650d}#app .metric-stock_value .metric-symbol{background:linear-gradient(#edf0ff,#dce6f3);color:#48678d}
#app .quick-launch{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}#app .quick-launch .launch-button{min-height:72px;padding:12px;display:flex;gap:10px;align-items:center;justify-content:center;font-size:1rem;line-height:1.2;font-weight:650;background:linear-gradient(#fff,#f6fced);border:1px solid #c9dfbf;border-radius:16px;box-shadow:0 3px 6px #28522b12;color:#31532c}#app .quick-launch .launch-button .ui-icon{width:29px;height:29px;color:#358442}
#app .growth-studio{display:flex;flex-direction:column;gap:10px;min-height:0}#app .growth-heading{display:flex;align-items:center;justify-content:space-between;gap:14px}#app .growth-heading h2{font-size:1.25rem;font-weight:750;color:#1a4027}#app .growth-heading p{font-size:1rem;color:#637a68;line-height:1.2;margin-top:4px}#app .growth-ranges{display:flex;gap:4px;padding:4px;background:#e9f3e4;border:1px solid #deead7;border-radius:12px;flex-shrink:0}#app .growth-ranges button{min-height:44px;font-size:1rem;padding:8px 13px;background:transparent;border-radius:9px;color:#536b55;line-height:1.2}#app .growth-ranges button[aria-pressed=true]{background:linear-gradient(#fff,#f5ffeb);color:#095d24;box-shadow:0 2px 5px #1d4b241a;font-weight:750}
#app .growth-summary{display:flex;gap:13px;align-items:baseline;min-width:0}#app .growth-summary strong{font-size:1.55rem;color:#0e5427;letter-spacing:-.5px;font-weight:750}#app .growth-summary>span{font-size:1rem;color:#637969}#app .growth-graphic{min-width:0;height:230px}#app .growth-graphic svg{width:100%;height:100%;overflow:visible}#app .growth-dates{display:flex;justify-content:space-between;color:#69806d;font-size:1rem;line-height:1.2}
/* Every row and every field is visible. Lists scroll inside the workspace. */
.table-wrap{min-height:auto;flex:none;overflow-x:auto}.flow-table{table-layout:auto;min-width:0;width:100%;font-size:1rem}.flow-table th{padding:13px 12px;background:linear-gradient(#fff7db,#ffedb2);color:#403d1d;font-size:1rem;font-weight:700;white-space:normal}.flow-table td{padding:14px 12px;font-size:1rem;border-bottom:1px solid #e2ebe4;vertical-align:middle}.flow-table tbody tr:nth-child(even){background:#f7faf6}.flow-table td.flow-title strong{font-weight:750;color:#1b3923}.flow-table .cell-sub{font-size:1rem;line-height:1.3;color:#6b7d6c}.flow-table .flow-actions button{padding:8px 12px;background:linear-gradient(#fafff5,#e6f4da);border:1px solid #c0d9b8;min-height:44px;color:#1a5a29;text-decoration:none;border-radius:11px;margin:3px 4px 3px 0;line-height:1.2}.flow-table .badge{font-size:1rem;line-height:1.2;padding:7px 11px;border-radius:10px}.flow-table .badge.green{background:#dcf3d3;color:#1b6426}.flow-table .badge.amber{background:#ffedb7;color:#7e5c19}
#app .search{max-width:none;min-height:54px;background:#fbfff8;border:1px solid #bad3b9;border-radius:13px;padding:12px 15px;font-size:1rem;box-shadow:inset 0 1px 3px #33673505}
#app .more-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;flex:none;min-height:0}.more-grid>a{display:flex;align-items:center;gap:13px;min-height:87px;padding:17px 18px;border:2px solid #fff;border-radius:18px;background:linear-gradient(120deg,#fff,#f9fff2);color:#244b2a;font-weight:650;box-shadow:0 4px 8px #24502d13;line-height:1.25;min-width:0}.more-grid>a>.ui-icon{height:43px;width:43px;padding:8px;background:linear-gradient(#eaffdf,#cdebc7);border-radius:12px;flex-shrink:0;color:#217530}.more-grid>a:nth-child(3n)>.ui-icon{background:linear-gradient(#fff5d9,#ffe6a0);color:#94711c}.more-grid>a:nth-child(3n+2)>.ui-icon{background:linear-gradient(#e6f6f6,#cce7e7);color:#3e7c7e}
#app .settings-panel h2{display:block}#app .settings-panel form{flex:none;gap:10px}#app .settings-panel form>button.primary{margin-top:8px;min-height:54px;align-self:flex-end}#app .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}#app label{font-size:1rem;font-weight:600;color:#42614a}#app input,#app select,#app textarea{border:1px solid #b0ceb3;border-radius:12px;background:#fff;min-height:52px;padding:11px 13px;font-size:1rem}#app .button-row{gap:12px}#app .google-button{background:linear-gradient(#fff,#f6fff0);border:1px solid #9ec39f;border-radius:13px;color:#1b4e25;box-shadow:0 3px 6px #2e5b2b12}
#app .two-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px}#app .addon-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}#app .addon{gap:12px}#app .addon h2{font-size:1.2rem}#app .addon-icon{width:55px;height:55px;background:#e8f4dc;border-radius:15px;display:grid;place-items:center;color:#427335}#app .empty{min-height:180px;padding:22px;border:1px dashed #b1cfb3;border-radius:15px;background:#f7fff2;color:#557257}
/* All ordinary forms stay on one screen with an inner scroll area. */
#dialog:not(.invoice-create-dialog):not(.invoice-view-dialog):not(.invoice-payment-dialog){background:radial-gradient(ellipse at 0 0,#d7f5dd,transparent 65%),#f4fcf2;border:2px solid #fff;border-radius:23px;padding:22px;box-shadow:0 20px 70px #0b402a35}
#dialog:not(.invoice-create-dialog):not(.invoice-view-dialog)>.dialog-heading{padding-bottom:13px;border-bottom:1px solid #d1e5d1}#dialog:not(.invoice-create-dialog):not(.invoice-view-dialog)>.dialog-heading h2{font-size:1.3rem;font-weight:750;color:#1a4023}#dialog:not(.invoice-create-dialog):not(.invoice-view-dialog)>.dialog-heading button{border:1px solid #a6c6a0;border-radius:12px;background:linear-gradient(#fff,#edfade);min-height:45px;color:#1b4e24}
#dialog .continuous-form{overflow:auto;gap:6px;min-height:0;padding-top:10px}#dialog .continuous-form label{font-size:1rem;color:#45624a}#dialog .continuous-form input,#dialog .continuous-form textarea{font-size:1rem;min-height:52px;border:1px solid #aac6aa;border-radius:12px;background:white;padding:11px 13px}#dialog .continuous-form .form-actions{position:sticky;bottom:-1px;background:#f0f9ec;padding:13px 0 0;gap:12px;flex-shrink:0}#dialog .continuous-form .form-actions>button{flex:1;border-radius:13px;min-height:53px}.choice-picker{position:relative;min-width:0;flex-shrink:0}.choice-trigger{width:100%;min-height:52px;padding:10px 13px;border:1px solid #a9c6a8;border-radius:12px;background:linear-gradient(#fff,#f7fff0);color:#284e2d;font-size:1rem;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;font-weight:600;line-height:1.3}.choice-trigger>span{min-width:0;overflow-wrap:anywhere}.choice-trigger .ui-icon{width:20px;height:20px;flex-shrink:0;color:#447549}.choice-options{position:relative;margin-top:6px;padding:7px;background:#fff;border:1px solid #bbd7b9;border-radius:13px;box-shadow:0 6px 18px #1d4f2b20;z-index:40;max-height:310px;overflow:auto;scrollbar-width:thin}.choice-list{display:flex;flex-direction:column;gap:3px}.choice-option{display:block;text-align:left;width:100%;min-height:48px;padding:10px 12px;background:#fff;color:#37583b;border-radius:9px;font-weight:500;font-size:1rem;line-height:1.3;overflow-wrap:anywhere}.choice-option:hover,.choice-option[aria-selected=true]{background:#e5f5d9;color:#145727;font-weight:650}.choice-options .choice-search{margin-bottom:7px}.topbar .choice-picker,.auth-top .choice-picker{min-width:132px}.topbar .choice-options,.auth-top .choice-options{position:absolute;right:0;top:100%;min-width:170px;max-width:250px}.topbar .choice-trigger{min-height:45px;padding:8px 12px;border-color:#c0d9bc;background:#fcfff7;box-shadow:0 2px 5px #365d2b0b}
/* Sign in follows the same visual language. */
#app .auth-layout{background:transparent;min-height:100dvh;height:100dvh;grid-template-columns:1fr 1fr}#app .auth-story{background:radial-gradient(ellipse at 0 0,#8bce9c,transparent 80%),linear-gradient(145deg,#c9edcd,#e6f6d7);color:#174927;padding:50px;justify-content:center;gap:70px}#app .auth-story .brand{color:#194d29}#app .auth-story .brand span{color:#517559}#app .auth-story h1{font-size:2.3rem;letter-spacing:-1px}#app .auth-story p{color:#4d7253}#app .auth-panel{background:#ffffffbc;border-left:2px solid #fff;padding:32px 42px;max-width:none;gap:22px;height:100%;margin:0;overflow:auto}#app .auth-top strong{color:#214c2c;font-size:1.6rem}#app .auth-panel>h1{font-size:1.7rem;line-height:1.25;color:#1d4027}#app .auth-method-tabs{padding:5px;background:#e6f0dc;border:1px solid #dbe8cf;border-radius:14px}#app .auth-method-tabs .screen-tab{font-size:1rem;min-height:49px;border-radius:10px}#app .auth-method-tabs .screen-tab[aria-selected=true]{background:linear-gradient(#fff,#f7ffe9);color:#1e5d2a;border:0;box-shadow:0 2px 5px #214b2717}#app .auth-email,#app .auth-google{flex:none;justify-content:flex-start;min-height:0;gap:20px}#app .auth-google{margin:auto 0;padding:20px 0}#app .welcome-symbol{background:linear-gradient(#ecffda,#c8edc0);color:#147324;border:2px solid #fff;box-shadow:0 5px 10px #28662b12;border-radius:23px;height:80px;width:80px}#app .auth-bottom{margin-top:auto}#app .auth-bottom button{background:linear-gradient(#fff9de,#fff0b6);color:#40582a;border:1px solid #f0e5b2;min-height:50px;text-decoration:none}#app .auth-email .form-actions{margin-top:10px;padding-top:8px}#app .auth-email label{margin-bottom:17px}
@media(max-width:1100px){#app .layout{display:block}#app .main{height:calc(100dvh - 82px);grid-template-rows:64px minmax(0,1fr)}#app .sidebar{display:none}#app .topbar{padding:0 18px}#app .content{padding:17px 18px 25px;gap:17px}#app .dashboard-welcome{gap:13px;min-height:77px}#app .dashboard-welcome h1{font-size:1.4rem;line-height:1.25}#app .business-greeting{font-size:1rem;margin-bottom:4px}#app .hero-invoice{min-height:57px;padding:12px 15px;font-size:1rem;max-width:45%;gap:8px}#app .metrics{grid-template-columns:1fr 1fr;gap:12px}#app .metric{padding:15px;min-height:123px;gap:11px}#app .metric strong{font-size:1.5rem;white-space:normal}#app .metric small{display:none}#app .metric-label{gap:8px}#app .metric-symbol{width:32px;height:32px;border-radius:10px}#app .metric-symbol .ui-icon{width:23px;height:23px}#app .metric-label>span:last-child{font-size:1rem}#app .panel{padding:17px;border-radius:19px;gap:14px}#app .quick-launch{gap:10px}#app .quick-launch .launch-button{flex-direction:column;min-height:83px;gap:8px;padding:11px 7px;border-radius:14px}#app .quick-launch .launch-button .ui-icon{width:26px;height:26px}#app .growth-graphic{height:185px}#app .growth-heading{gap:10px}#app .growth-heading h2{font-size:1.13rem}#app .growth-heading p{display:none}#app .growth-ranges button{padding:7px 10px;min-height:44px}#app .growth-summary strong{font-size:1.4rem}#app .growth-summary{gap:10px}#app .growth-summary>span{font-size:1rem}#app .growth-studio{gap:10px}#app .more-grid{grid-template-columns:1fr 1fr;gap:13px}.more-grid>a{padding:14px;min-height:88px;gap:11px;border-radius:16px}.more-grid>a>.ui-icon{height:41px;width:41px;padding:8px}#app .addon-grid{grid-template-columns:1fr 1fr}#app .two-columns{grid-template-columns:1fr;gap:17px}#app .form-grid{grid-template-columns:1fr}#app .page-heading h1{font-size:1.5rem}#app .page-heading button{min-height:54px;max-width:56%;gap:7px}#app .mobile-nav{height:82px;padding:6px 12px max(6px,env(safe-area-inset-bottom));background:linear-gradient(#fcfff9,#f0f8e9);border-top:1px solid #cbdac6;box-shadow:0 -4px 15px #25512c0c;gap:7px;z-index:20}#app .mobile-nav a{border-radius:13px;min-height:61px;gap:3px;padding:5px 3px;color:#65755e;font-weight:500;line-height:1.15}#app .mobile-nav a>.ui-icon{width:24px;height:24px}#app .mobile-nav a>span{font-size:1rem}#app .mobile-nav a.active{background:linear-gradient(#e4f6d9,#cee8bd);color:#185a28;border:1px solid #bed9aa;box-shadow:inset 0 1px 0 #fff;font-weight:750}#app .auth-layout{display:block}#app .auth-story{display:none}#app .auth-panel{max-width:620px;margin:auto;border:0;background:#ffffff9c;padding:25px 24px;gap:22px}#app .auth-panel>h1{font-size:1.6rem}}
@media(max-width:760px){.flow-table,.flow-table tbody{display:block;width:100%}.flow-table thead{display:none}.flow-table tbody{display:flex;flex-direction:column;gap:14px}.flow-table tr{display:grid;grid-template-columns:1fr;gap:8px;padding:14px;border:1px solid #d2e3d1;background:#fff!important;border-radius:16px;box-shadow:0 3px 6px #1b53260b}.flow-table td{display:grid;grid-template-columns:minmax(0,42%) minmax(0,58%);gap:10px;border:0;padding:3px 0;text-align:right;font-size:1rem;line-height:1.35;min-width:0;overflow-wrap:anywhere}.flow-table td:before{content:attr(data-label);font-size:1rem;font-weight:600;color:#5a745f;text-align:left;overflow-wrap:anywhere}.flow-table td.flow-title{display:block;text-align:left;padding:0 0 10px;border-bottom:1px solid #e0eade;color:#173e24;font-weight:750}.flow-table td.flow-title:before{display:none}.flow-table td.flow-title strong{font-size:1.07rem}.flow-table td.flow-actions{display:flex;flex-wrap:wrap;gap:9px;padding:9px 0 0;border-top:1px solid #e0eade;margin-top:2px}.flow-table td.flow-actions:before{display:none}.flow-table .flow-actions button{flex:1;min-height:46px;margin:0}.flow-table .badge{justify-self:end}.flow-table .cell-sub{display:block;font-weight:400;margin-top:5px}.invoice-view-dialog .flow-table td{font-size:1rem}.table-wrap{overflow:visible}.invoice-view-dialog .table-wrap{overflow:visible}.invoice-view-dialog .screen-pane{overflow:auto}#app .recent-invoices .flow-table tbody{gap:12px}#app .recent-invoices .flow-table td:not(.flow-title):not(.flow-actions){padding:3px 0}#app .quick-launch{grid-template-columns:repeat(4,minmax(0,1fr))}#app .quick-launch .launch-button{min-height:85px;overflow-wrap:anywhere;font-size:1rem}#app .quick-launch .launch-button span{line-height:1.15}.choice-options{max-height:260px}#dialog:not(.invoice-create-dialog):not(.invoice-view-dialog):not(.invoice-payment-dialog){width:calc(100% - 20px);max-width:calc(100% - 20px);height:calc(100dvh - 24px);max-height:calc(100dvh - 24px);padding:17px}#app .invoice-list-panel{padding:12px}#app .more-grid>a{flex-direction:column;align-items:flex-start;gap:9px;min-height:116px}#app .addon-grid{grid-template-columns:1fr}#app .choice-picker .choice-trigger{font-size:1rem}#app .topbar .choice-picker{min-width:125px}#app .topbar .choice-trigger{min-height:44px}}
@media(max-width:430px){#app .content{padding:13px 14px 23px;gap:14px}#app .topbar{padding:0 15px}#app .dashboard-welcome{min-height:80px;gap:10px}#app .dashboard-welcome>div{min-width:0}#app .dashboard-welcome h1{font-size:1.25rem;letter-spacing:-.3px}#app .business-greeting{font-size:1rem;line-height:1.2}#app .hero-invoice{padding:10px 12px;max-width:44%;min-height:57px}#app .metrics{gap:10px}#app .metric{min-height:106px;padding:12px;gap:9px;border-radius:16px}#app .metric-label{gap:7px;align-items:flex-start}#app .metric strong{font-size:1.35rem;letter-spacing:-.5px}#app .metric-symbol{width:28px;height:28px;border-radius:8px}#app .metric-symbol .ui-icon{width:21px;height:21px}#app .quick-launch{gap:8px}#app .quick-launch .launch-button{min-height:80px;padding:9px 4px;gap:7px}#app .quick-launch .launch-button .ui-icon{width:25px;height:25px}#app .growth-studio{padding:14px;gap:7px}#app .growth-graphic{height:147px}#app .growth-summary>span{display:none}#app .growth-ranges{padding:3px;gap:2px}#app .growth-ranges button{padding:7px 8px;min-height:44px}#app .growth-heading h2{font-size:1.08rem}#app .growth-dates{font-size:1rem}#app .page-heading{min-height:58px}#app .page-heading h1{font-size:1.4rem}#app .page-heading button{font-size:1rem;padding:10px 12px}#app .more-grid{gap:11px}.more-grid>a{padding:13px}#app .auth-panel{padding:20px 18px}#app .auth-top{gap:10px}#app .auth-top strong{font-size:1.35rem}}
@media(max-width:359px){#app .content{padding-left:10px;padding-right:10px}#app .topbar{padding:0 11px}#app .breadcrumb b{font-size:1.18rem}#app .topbar .choice-picker{min-width:116px}#app .dashboard-welcome{align-items:flex-start;flex-direction:column;gap:12px}#app .hero-invoice{max-width:none;width:100%;min-height:51px}#app .metric{padding:10px;min-height:109px}#app .metric strong{font-size:1.16rem}#app .metric-label{gap:5px}#app .metric-symbol{display:none}#app .quick-launch{grid-template-columns:1fr 1fr;gap:9px}#app .quick-launch .launch-button{flex-direction:row;min-height:59px;gap:8px;padding:9px;font-size:1rem}#app .growth-heading{flex-direction:column;align-items:flex-start;gap:9px}#app .growth-ranges{align-self:stretch}#app .growth-ranges button{flex:1}#app .mobile-nav{padding-left:6px;padding-right:6px;gap:4px}#app .page-heading button>.ui-icon{display:none}.flow-table tr{padding:12px}.flow-table td{grid-template-columns:minmax(0,40%) minmax(0,60%);gap:6px}#app .auth-top{align-items:flex-start}.more-grid>a{min-height:111px}#app .page-heading h1{font-size:1.27rem}}
@media print{.flow-table,.flow-table tbody{display:table-row-group!important}.flow-table tr{display:table-row!important;border:0;box-shadow:none;padding:0}.flow-table td,.flow-table th{display:table-cell!important}.flow-table td:before{display:none!important}.choice-picker{display:none!important}}
@media(prefers-reduced-motion:reduce){#app .content{scroll-behavior:auto}#app button{transition:none}}
#app .auth-bottom button>span{display:inline!important}#app .auth-bottom button>.ui-icon{width:23px;height:23px}#app .auth-bottom button{display:flex;align-items:center;justify-content:center;gap:9px}
/* Currency amounts remain whole and readable, including Bengali digits. */
#app .metric strong{font-size:clamp(1rem,1.9vw,1.5rem);white-space:nowrap;overflow-wrap:normal;letter-spacing:-.6px}
@media(max-width:1100px){#app .metric strong{font-size:clamp(1rem,3.7vw,1.5rem)}}
@media(max-width:430px){#app .metric strong{font-size:clamp(1rem,4.9vw,1.15rem)}#app .metric.long-value{grid-column:1/-1}}
@media(max-width:359px){#app .metrics{grid-template-columns:1fr}#app .metric{min-height:102px}#app .metric strong{font-size:1.2rem}#app .metric-symbol{display:grid}#app .metric-label{align-items:center}}
/* A calm, legible comparison chart with a real zero baseline. */
#app .shopify-chart{background:#fff;display:flex;flex-direction:column;gap:13px;overflow:hidden;border:1px solid #d8e3d7;box-shadow:0 5px 16px #224c2410}.shop-chart-heading{display:flex;justify-content:space-between;align-items:center;gap:14px}.shop-chart-heading h2{font-size:1.2rem;margin:0;line-height:1.3}.shop-range-buttons,.shop-metric-tabs,.shop-chart-switches{display:flex;gap:5px;flex-wrap:wrap}.shop-range-buttons{padding:4px;background:#f0f3f0;border-radius:12px}.shopify-chart button{min-height:44px;font-size:1rem;padding:8px 12px;border-radius:9px;background:transparent;color:#536358;line-height:1.25}.shopify-chart button[aria-pressed=true]{background:#fff;box-shadow:0 1px 5px #263d2724;color:#1c4930;font-weight:700}.shop-chart-summary{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.shop-chart-summary>strong{font-size:1.8rem;letter-spacing:-.7px;line-height:1.3}.shop-growth-badge{font-size:1rem;padding:5px 9px;border-radius:8px;background:#f0f2f5;color:#53605b}.shop-growth-badge.up{background:#e3f5eb;color:#167146}.shop-growth-badge.down{background:#fff0ed;color:#a74435}.shop-chart-caption,.shop-comparison-note,.shop-chart-help{font-size:1rem;color:#61726a;margin:0;line-height:1.4}.shop-chart-legend{display:flex;gap:20px;flex-wrap:wrap;font-size:1rem;color:#57675e}.shop-chart-legend span:before{content:'';display:inline-block;width:22px;border-top:3px solid #2c6ecb;margin-right:7px;vertical-align:middle}.shop-chart-legend .legend-previous:before{border-color:#8f9caf;border-top-style:dashed}.shop-chart-frame{display:grid;grid-template-columns:60px minmax(0,1fr);height:230px;gap:8px;min-width:0}.shop-chart-axis{display:flex;flex-direction:column;justify-content:space-between;padding:12px 0 18px;font-size:1rem;color:#62716b;text-align:right}.shop-chart-plot{position:relative;min-width:0}.shop-chart-plot>svg{display:block;width:100%;height:230px;overflow:visible;touch-action:pan-y;cursor:crosshair}.shop-chart-tooltip{position:absolute;top:12px;z-index:4;display:flex;flex-direction:column;gap:6px;width:max-content;max-width:min(260px,100%);padding:12px;background:#fff;border:1px solid #ccd6df;border-radius:10px;box-shadow:0 4px 15px #28384924;font-size:1rem;pointer-events:none;line-height:1.35}.shop-chart-tooltip[hidden]{display:none}.shop-chart-dates{display:flex;justify-content:space-between;gap:5px;font-size:1rem;color:#61726a;margin-left:68px}.shop-metric-tabs{border-top:1px solid #e6ece7;padding-top:10px}.shop-metric-tabs button[aria-pressed=true]{background:#e7f1fb;color:#245a9f;box-shadow:none}.shop-chart-switches button[aria-pressed=true]{background:#edf4ec;box-shadow:none}.report-ledger{align-self:flex-end;max-width:100%;width:260px}.report-ledger label{display:grid;grid-template-columns:1fr 100px;gap:10px;align-items:center;font-size:1rem}.report-ledger .choice-trigger{min-height:44px}.currency-reprice-note{font-size:1rem;padding:12px;background:#fff2c4;border-radius:10px}
@media(max-width:760px){.shop-chart-heading{align-items:flex-start;flex-direction:column;gap:10px}.shop-range-buttons{align-self:stretch}.shop-range-buttons button{flex:1}.shop-chart-summary>strong{font-size:1.55rem}.shop-chart-frame{height:190px;grid-template-columns:52px minmax(0,1fr);gap:5px}.shop-chart-plot>svg{height:190px}.shop-chart-dates{margin-left:57px}.shop-chart-axis{font-size:1rem}.shop-chart-legend{gap:12px}.shopify-chart button{padding:8px 10px}.shop-chart-summary{gap:8px}.report-ledger{width:245px}.shop-comparison-note,.shop-chart-help{color:#52685b}}