@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@600&display=swap";:root{font-family:DM Sans,sans-serif;color:#263532;background:#f7f8f6;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,select,input{font:inherit}button{cursor:pointer}.app{display:flex;min-height:100vh}.sidebar{width:248px;background:#102c28;color:#c6d1ce;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;padding:23px 14px;z-index:10}.brand{display:flex;align-items:center;gap:10px;padding:0 10px;color:#fff;font-size:17px;font-weight:700}.brand>span:last-of-type span{color:#82c9bd}.brand-mark{display:inline-grid;place-items:center;width:29px;height:29px;border-radius:8px;background:#c6ed8b;color:#173a34;font-family:Georgia;font-weight:700}.close,.hamburger{display:none;background:none;border:0;color:inherit}.workspace{margin:35px 7px 19px}.workspace small,.eyebrow{letter-spacing:.11em;color:#88a6a0;font-size:10px;font-weight:700}.workspace button{margin-top:9px;width:100%;border:1px solid #31504b;border-radius:7px;background:#183a35;color:#f1f7f4;padding:9px 10px;display:flex;align-items:center;justify-content:space-between;font-size:12px}nav{display:grid;gap:3px}nav a,.sidebar-bottom a,.sidebar-bottom button{border:0;background:none;text-decoration:none;color:#b6c7c3;display:flex;align-items:center;gap:12px;border-radius:7px;padding:10px 11px;font-size:13px;text-align:left}nav a.active,nav a:hover{background:#21453f;color:#ecf8f4}.sidebar-bottom{margin-top:auto;display:grid;gap:4px}.sync-note{margin:20px 5px 0;padding-top:17px;border-top:1px solid #2d4b46;display:flex;gap:9px}.sync-note>span{width:7px;height:7px;margin-top:4px;border-radius:50%;background:#8bcf80}.sync-note b,.sync-note small{display:block;font-size:11px}.sync-note small{color:#89a49f;margin-top:3px}main{margin-left:248px;width:calc(100% - 248px)}header{height:89px;border-bottom:1px solid #e2e7e3;background:#fbfcfa;padding:0 39px;display:flex;align-items:center;justify-content:space-between}.headline p{font-size:11px;color:#7f8f8b;margin:0 0 4px}.headline h1{font-family:Playfair Display,serif;color:#1a322e;margin:0;font-size:24px}.header-actions{display:flex;align-items:center;gap:13px}.period{border:1px solid #dce3df;background:#fff;padding:8px 10px;border-radius:7px;display:flex;gap:8px;align-items:center;color:#54716b}.period select{border:0;outline:0;background:transparent;color:#314842;font-weight:600;font-size:12px}.refresh,.notification{border:0;background:transparent;color:#506761;position:relative;padding:5px}.notification i{width:6px;height:6px;background:#df6358;position:absolute;border-radius:50%;right:4px;top:3px}.avatar{width:31px;height:31px;background:#d6aa7e;border-radius:50%;display:grid;place-items:center;font-size:10px;color:#fff;font-weight:700}.content{padding:30px 39px 45px;max-width:1580px;margin:auto}.content-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.sync{font-size:12px;color:#778984;margin:5px 0 0}.export{border:1px solid #d5dfda;border-radius:6px;background:#fff;color:#34514b;padding:9px 13px;font-size:12px;font-weight:600;display:flex;align-items:center;gap:7px}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:17px}.kpi{padding:18px 18px 15px;background:#fff;border:1px solid #e4e9e6;border-radius:9px}.kpi p{font-size:12px;color:#72827e;margin:0 0 12px}.kpi strong{display:block;font-size:24px;color:#203933;letter-spacing:-.04em}.kpi span{font-size:10px;margin-top:9px;display:flex;align-items:center;font-weight:600}.up{color:#169071}.down{color:#d06357}.kpi.warning{background:#fffcf5}.grid-main{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(310px,.8fr);gap:17px;margin-bottom:17px}.panel{background:#fff;border:1px solid #e4e9e6;border-radius:9px;padding:19px;min-width:0}.panel-heading{display:flex;justify-content:space-between;align-items:start}.panel h2{font-size:14px;color:#2a403b;margin:0 0 4px}.panel-heading p{font-size:11px;color:#84928e;margin:0}.text-button{border:0;background:none;color:#11746c;font-size:11px;font-weight:700;padding:2px}.chart{height:218px;margin:16px -8px 2px}.chart-summary{display:flex;gap:28px;border-top:1px solid #edf0ee;padding-top:12px}.chart-summary span{font-size:11px;color:#7a8985}.chart-summary b{font-size:13px;color:#344a44;margin-right:4px}.payment{height:224px;display:flex;align-items:center}.legend{display:flex;align-items:center;gap:8px;margin:10px 0;font-size:12px;min-width:105px}.legend i{height:8px;width:8px;border-radius:50%}.legend span{color:#6d7e79;flex:1}.legend b{color:#324b44}.grid-bottom{display:grid;grid-template-columns:1fr 1fr 1fr;gap:17px}.stock-list>div,.activity-list>div{display:flex;align-items:center;border-bottom:1px solid #edf0ee;padding:11px 0;gap:9px}.stock-list>div:last-child,.activity-list>div:last-child{border-bottom:0}.stock-dot{width:8px;height:8px;background:#edb34a;border-radius:50%;flex:none}.stock-dot.out{background:#df665b}.stock-list p,.activity-list p{margin:0;flex:1;min-width:0}.stock-list b,.activity-list b{font-size:11px;display:block;color:#395049;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stock-list small,.activity-list small{font-size:10px;color:#82908c;display:block;margin-top:3px}.stock-list em{font-size:9px;background:#fff4d9;color:#aa741b;border-radius:4px;padding:4px 5px;font-style:normal;font-weight:700;white-space:nowrap}.stock-list em.out{background:#ffebe7;color:#c5554b}.activity-icon{height:25px;width:25px;display:grid;place-items:center;border-radius:7px;background:#e2f2ed;color:#1d8f78;font-size:14px}.activity-icon.stock{background:#f5ede1;color:#b47a32}.activity-icon.camera{background:#eae8f6;color:#7166b4}.activity-icon.staff{background:#e5eef7;color:#5380b2}.state,.placeholder{border:1px dashed #cbd8d3;border-radius:9px;padding:50px;text-align:center;color:#6a7f79;background:#fff}.state.error{color:#aa4e46}.state button,.placeholder button{border:0;border-radius:5px;background:#123c35;color:#fff;padding:8px 12px;margin-left:8px}.placeholder{margin-top:20px}.placeholder h2{color:#213d36}.login{min-height:100vh;background:#102c28;display:grid;place-items:center;padding:24px}.login>div{width:100%;max-width:430px;background:#fff;padding:42px;border-radius:15px}.login h1{font-family:Playfair Display,serif;color:#1a332d;margin:22px 0 8px}.login p{color:#6d7d78;font-size:14px;line-height:1.5}.login form{margin-top:27px;display:grid;gap:15px}.login label{font-size:12px;font-weight:600;color:#405750;display:grid;gap:7px}.login input{border:1px solid #d6e0dc;border-radius:7px;padding:11px;outline-color:#0f766e}.login form button{margin-top:4px;border:0;border-radius:7px;background:#0f766e;color:#fff;padding:12px;font-weight:700}.login>div>small{display:block;color:#82918d;text-align:center;font-size:11px;margin-top:20px}@media(max-width:1050px){.grid-bottom{grid-template-columns:1fr 1fr}.grid-bottom .panel:last-child{grid-column:span 2}.kpis{grid-template-columns:1fr 1fr}}@media(max-width:760px){.sidebar{transform:translate(-100%);transition:.2s}.sidebar.open{transform:translate(0);box-shadow:20px 0 50px #0005}.close{display:block;margin-left:auto}.hamburger{display:block}.sidebar+main{margin-left:0;width:100%}header{height:auto;min-height:75px;padding:14px 18px}.headline h1{font-size:19px}.header-actions .period,.notification{display:none}.content{padding:22px 18px}.content-top{align-items:start}.grid-main,.grid-bottom{grid-template-columns:1fr}.grid-bottom .panel:last-child{grid-column:auto}.kpis{grid-template-columns:1fr 1fr;gap:10px}.kpi{padding:14px}.kpi strong{font-size:20px}.export{font-size:0;padding:9px}.export svg{margin:0}.chart-summary{gap:12px}.panel{padding:15px}}@media(max-width:410px){.kpis{grid-template-columns:1fr}.headline p{display:none}.header-actions{gap:5px}.sync{max-width:220px;line-height:1.5}.payment{height:200px}}.google-button{width:100%;margin-top:25px;border:1px solid #d6e0dc;border-radius:7px;background:#fff;color:#344a44;padding:11px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:10px}.google-button:hover{background:#f8fbfa}.google-button:disabled{cursor:wait;opacity:.7}.google-g{font-family:Arial,sans-serif;font-size:17px;font-weight:700;color:#4285f4}.login-divider{display:flex;align-items:center;gap:10px;color:#82918d;font-size:11px;margin:18px 0 -9px}.login-divider:before,.login-divider:after{content:"";height:1px;background:#e4e9e6;flex:1}.login-error{color:#b75045!important}.login-link{border:0;border-radius:7px;background:#0f766e;color:#fff;padding:10px 13px;font-weight:700}.brand-logo{width:32px;height:32px;object-fit:contain;flex:none}.login .brand-logo{width:82px;height:82px;display:block;margin-bottom:8px}.detail-intro{margin-bottom:19px}.detail-intro h2{font-family:Playfair Display,serif;color:#203b35;margin:0 0 5px}.detail-intro p{margin:0;color:#71827d;font-size:12px}.detail-kpis{margin-bottom:17px}.table-wrap{overflow-x:auto;margin-top:17px}table{border-collapse:collapse;width:100%;min-width:650px;font-size:12px}th{text-align:left;color:#71827d;font-size:10px;letter-spacing:.04em;text-transform:uppercase;padding:11px 10px;border-bottom:1px solid #e6ece8}td{padding:13px 10px;color:#334b45;border-bottom:1px solid #edf0ee;white-space:nowrap}.status-pill{background:#e9f5ef;color:#17745f;border-radius:4px;padding:4px 7px;font-size:10px;font-weight:700}.table-footer{display:flex;justify-content:flex-end;gap:13px;align-items:center;padding-top:14px;color:#7c8d88;font-size:11px}.table-footer span{margin-right:auto}:root{--theme-primary:#212121;--theme-primary-dark:#171717;--theme-accent:#2563eb;--page-bg:#f3f4f6;--surface:#fff;--success:#10b981;--warning:#f59e0b;--danger:#ef4444}.sidebar,header{background:var(--theme-primary)!important}.sidebar{color:#d1d5db}.brand{color:#fff}.workspace button{background:color-mix(in srgb,var(--theme-primary) 75%,white);border-color:#4b5563}.headline h1{color:#fff}.headline p{color:#d1d5db}.period{background:#fff}.refresh,.notification{color:#fff}.content{background:var(--page-bg);min-height:calc(100vh - 89px)}.panel,.kpi{background:var(--surface)}.kpi .up{color:var(--success)}.kpi .down{color:var(--danger)}.kpi.warning{background:#fffaf0}.stock-dot{background:var(--warning)}.stock-dot.out{background:var(--danger)}.status-pill{background:#ecfdf5;color:#047857}.theme-picker{margin-top:17px;display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:10px}.theme-choice{border:1px solid #d9e1dd;border-radius:8px;background:#fff;color:#334b45;padding:10px;text-align:left;font-size:12px;font-weight:700;display:flex;align-items:center;gap:8px}.theme-choice.active{border-color:var(--theme-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--theme-primary) 17%,transparent)}.theme-swatch{width:18px;height:18px;border-radius:50%;box-shadow:inset 0 0 0 1px #0002}@media(max-width:760px){.content{min-height:calc(100vh - 75px)}}.export:disabled{cursor:wait;opacity:.7}.export-error{margin:6px 0 0;color:#aa4e46;font-size:12px;max-width:560px}:root{--surface-soft: #f9fcfa;--surface-border: rgba(24, 66, 57, .12);--ink: #163a32;--muted: #6f827c;--focus-ring: rgba(107, 208, 180, .42)}html{scroll-behavior:smooth}body{background:#f2f7f4}button,a,.kpi,.panel,.legend,.stock-list>div,.activity-list>div,tbody tr{transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,color .18s ease,transform .18s ease}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}.sidebar{background:linear-gradient(165deg,color-mix(in srgb,var(--theme-primary) 92%,#073229),color-mix(in srgb,var(--theme-primary) 74%,#071e19))!important;border-right:1px solid rgba(255,255,255,.08);box-shadow:14px 0 40px #0929221a}.brand{letter-spacing:-.02em}.brand-logo{filter:drop-shadow(0 4px 8px rgba(0,0,0,.24))}.workspace button{border-radius:11px;padding:11px 12px;transition:transform .18s ease,background .18s ease,border-color .18s ease}.workspace button:hover{transform:translateY(-1px);background:color-mix(in srgb,var(--theme-primary) 54%,white);border-color:#ffffff5c}nav{gap:5px}nav a{position:relative;overflow:hidden;min-height:42px}nav a:before{content:"";position:absolute;left:0;width:3px;height:20px;border-radius:0 4px 4px 0;background:#9fe1b2;transform:scaleY(0);transition:transform .18s ease}nav a.active:before{transform:scaleY(1)}nav a:hover{transform:translate(2px)}.sidebar-bottom a:hover,.sidebar-bottom button:hover{background:#ffffff17;color:#fff}.sync-note{background:#ffffff0b;border:1px solid rgba(255,255,255,.07);border-radius:12px;margin:18px 2px 0;padding:12px}.sync-note>span{box-shadow:0 0 0 4px #8bcf801f}header{position:sticky;top:0;z-index:8;background:linear-gradient(105deg,color-mix(in srgb,var(--theme-primary) 96%,#163a32),color-mix(in srgb,var(--theme-primary) 75%,#24564a))!important;border-bottom-color:#ffffff1a;box-shadow:0 8px 28px #07251e1a}.headline h1{letter-spacing:-.035em}.period{border-radius:10px;box-shadow:0 5px 14px #0000001a}.period:hover{border-color:#8bcfbd}.refresh,.notification{width:34px;height:34px;display:grid;place-items:center;border-radius:10px}.refresh:hover,.notification:hover{background:#ffffff21;transform:translateY(-1px)}.avatar{box-shadow:0 3px #00000029,0 7px 17px #0000002e;outline:2px solid rgba(255,255,255,.36)}.content{background:radial-gradient(circle at 83% 0%,rgba(163,225,200,.17),transparent 28rem),linear-gradient(135deg,#f5f9f7,#edf4f0)}.content-top{margin-bottom:26px}.eyebrow{display:inline-flex;align-items:center;gap:7px;color:#387b6d}.eyebrow:before{content:"";width:20px;height:2px;background:#58ab95;border-radius:2px}.sync{display:flex;align-items:center;gap:6px}.sync:before{content:"";width:7px;height:7px;border-radius:50%;background:#39a67d;box-shadow:0 0 0 4px #39a67d21}.export{border-radius:10px;box-shadow:0 5px 14px #163a3212}.export:not(:disabled):hover{background:#123e36;color:#fff;border-color:#123e36;transform:translateY(-1px);box-shadow:0 9px 18px #123e362b}.kpi,.panel{border-color:var(--surface-border);box-shadow:0 5px 18px #1c463b0e;border-radius:15px}.kpi{position:relative;overflow:hidden;min-height:134px}.kpi:after{content:"";position:absolute;inset:auto -23px -35px auto;width:86px;height:86px;border-radius:50%;background:color-mix(in srgb,var(--theme-primary) 12%,transparent)}.kpi:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--theme-primary) 35%,#d4e7df);box-shadow:0 14px 25px #1c463b1f}.kpi strong{position:relative;z-index:1;color:var(--ink)}.panel:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--theme-primary) 26%,#d7e6df);box-shadow:0 15px 30px #1c463b17}.panel h2{font-size:15px;color:var(--ink)}.text-button{display:inline-flex;align-items:center;gap:5px;padding:7px 9px;border-radius:8px;text-decoration:none}.text-button:hover{background:#e6f4ee;color:#075c50}.text-button span{transition:transform .18s ease}.text-button:hover span{transform:translate(3px)}.chart-summary{border-top-color:#e7efea}.legend{padding:5px 7px;border-radius:8px}.legend:hover{background:#f0f7f3;transform:translate(2px)}.stock-list>div:hover,.activity-list>div:hover{background:#f4f9f6;border-radius:9px;padding-left:8px;padding-right:8px}.activity-icon{box-shadow:inset 0 0 0 1px #123e360f}.detail-intro{padding:3px 2px 5px}.detail-intro h2{font-size:28px;letter-spacing:-.035em}.table-wrap{border:1px solid #e7efea;border-radius:11px}table{min-width:690px}th{background:#f5f9f7;padding-top:12px;padding-bottom:12px}tbody tr:hover{background:#f1f8f4;box-shadow:inset 3px 0 #58ab95}td{border-bottom-color:#edf3ef}.status-pill{display:inline-flex;align-items:center;border:1px solid #cce8dc;border-radius:999px;padding:4px 8px}.state{border-radius:15px;box-shadow:0 10px 22px #1c463b0d}.login{background:radial-gradient(circle at 15% 20%,rgba(126,211,184,.26),transparent 24rem),linear-gradient(135deg,#0b2923,#17483d 55%,#0d2f29)}.login>div{border:1px solid rgba(255,255,255,.55);box-shadow:0 24px 70px #00000042}.login .brand-logo{filter:drop-shadow(0 8px 13px rgba(11,41,35,.14))}.login form button{transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.login form button:hover{background:#0a6154;transform:translateY(-1px);box-shadow:0 10px 20px #0f766e38}.google-button{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.google-button:hover{transform:translateY(-1px);border-color:#81bfb0;box-shadow:0 8px 17px #123e361a}@media(max-width:760px){.sidebar{box-shadow:none}.sidebar.open{box-shadow:18px 0 45px #00000047}header{padding-inline:18px}.content{background:#f4f8f6}.panel:hover,.kpi:hover{transform:none}.detail-intro h2{font-size:25px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}