:root{--page-bg: #f5f7f8;--sidebar-bg: #eef1f3;--card: #ffffff;--muted: #6b7280;--accent: #1a8917;--soft-shadow: 0 8px 24px rgba(18,22,26,.06);--soft-shadow-strong: 0 14px 40px rgba(18,22,26,.08);--radius: 16px;--sidebar-width: 256px;--gutter: 32px;--max-width: 1600px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;background:var(--page-bg);color:#07131a;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-root{display:flex;gap:var(--gutter);width:calc(100% - 48px);max-width:var(--max-width);margin:28px auto;padding:0 24px;align-items:start;min-height:calc(100vh - 56px)}.sidebar{width:var(--sidebar-width);flex:0 0 var(--sidebar-width);background:var(--sidebar-bg);border-radius:calc(var(--radius) + 4px);padding:20px;box-shadow:none;display:flex;flex-direction:column;gap:18px;align-items:stretch}.sidebar-card{background:var(--card);border-radius:14px;padding:18px;box-shadow:var(--soft-shadow-strong);display:flex;flex-direction:column;gap:14px}.sidebar-top{display:flex;align-items:center;gap:12px}.avatar{width:48px;height:48px;border-radius:10px;background:linear-gradient(135deg,#e6f8ea,#c8f0d0);display:flex;align-items:center;justify-content:center;font-weight:700;color:#09530c;font-size:18px}.seller-info{display:flex;flex-direction:column}.seller-name{font-weight:700;color:#08261a}.seller-sub{font-size:12px;color:var(--muted)}.sidebar-nav{margin-top:8px}.sidebar-nav ul{list-style:none;padding:0;margin:0}.nav-item{padding:10px 12px;border-radius:8px;color:#0f172a;margin-bottom:6px;cursor:pointer;font-size:14px;font-weight:600;transition:background .12s ease,transform .08s ease}.nav-item:hover{background:#f6faf6;transform:translate(4px)}.sidebar-footer{font-size:12px;color:var(--muted);text-align:center}.main-area{flex:1;padding:6px 0;display:flex;flex-direction:column;gap:18px}.top-header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:6px 0}.brand{font-weight:700;font-size:18px;color:#07131a}.btn-buy{background:linear-gradient(180deg,#36b852,#1a8917);color:#fff;border:none;padding:8px 14px;border-radius:999px;cursor:pointer;box-shadow:0 8px 22px #1a89171f;transition:transform .14s ease,opacity .12s ease}.btn-buy:hover{transform:translateY(-2px)}.content{padding-top:6px;display:flex;flex-direction:column;gap:12px}.content-inner{max-width:100%;width:100%;margin-left:0}.content-title{margin:8px 0 6px;font-size:24px;color:#07131a}.content-sub{margin:0 0 12px;color:var(--muted)}.paste-card{background:var(--card);border-radius:14px;padding:16px;box-shadow:var(--soft-shadow);transition:transform .12s ease,box-shadow .18s ease;width:100%}.paste-card:hover{transform:translateY(-6px);box-shadow:0 18px 36px #12161a12}.paste-textarea{width:100%;min-height:120px;border-radius:10px;border:1px solid #e6e9ef;padding:12px;font-size:15px;resize:vertical;background:#fff;color:#072117;box-shadow:inset 0 1px #0a0a0a05}.paste-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:12px}.btn-outline{background:transparent;border:1px solid #e6e9ef;color:#374151;padding:8px 12px;border-radius:10px;cursor:pointer;color:#374151!important}.btn-primary{background:linear-gradient(180deg,#36b852,#1a8917);color:#fff;padding:8px 14px;border-radius:999px;border:none;cursor:pointer;box-shadow:0 8px 22px #1a89171f;transition:transform .12s ease}.btn-primary:hover{transform:scale(1.03)}.btn-hamburger{color:#374151!important;background:transparent;border:0;padding:6px;display:inline-flex;align-items:center;justify-content:center}.formBox{background:var(--card);border-radius:14px;padding:18px;box-shadow:var(--soft-shadow)}.summary-row{display:flex;gap:12px;align-items:flex-start;flex-wrap:wrap}.summary-card{background:var(--card);border-radius:12px;padding:14px;box-shadow:var(--soft-shadow);border:1px solid rgba(15,23,42,.04);transition:transform .14s ease,box-shadow .14s ease;display:flex;flex-direction:column;gap:10px;min-width:220px}.summary-card:hover{transform:translateY(-6px);box-shadow:var(--soft-shadow-strong)}.summary-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;cursor:pointer}.summary-left{flex:1 1 auto;min-width:0}.summary-title{font-size:13px;color:var(--muted);font-weight:600;margin-bottom:6px}.summary-value{font-size:20px;font-weight:800;color:#07131a;line-height:1}.summary-sub{font-size:13px;color:var(--muted);margin-top:6px}.summary-right{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.summary-sparkline{width:120px;height:36px;display:block}.summary-sparkline svg{width:100%!important;height:100%!important}.summary-card-body{max-height:0;overflow:hidden;transition:max-height .26s cubic-bezier(.2,.9,.3,1),padding .16s ease;padding-top:0}.summary-card.expanded .summary-card-body{max-height:900px;padding-top:12px}.summary-controls{display:flex;gap:8px;justify-content:flex-end;margin-bottom:8px}.fade-in{animation:fadeIn .34s ease both}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1200px){.app-root{width:calc(100% - 32px);padding:0 16px;max-width:1200px}}@media(max-width:900px){.app-root{flex-direction:column;padding:16px;margin:12px auto}.content-inner{max-width:100%}.summary-row{gap:10px}.summary-card{min-width:100%}}.app-root{width:100%!important;max-width:var(--max-width)!important;padding-left:24px!important;padding-right:24px!important}.main-area{flex:1 1 auto!important}.content-inner{width:100%!important;max-width:100%!important;margin-left:0!important}.performance-top-row,.summary-row{gap:12px!important;justify-content:flex-start!important;align-items:stretch!important}.summary-card,.formBox{min-width:0!important}.sidebar{flex:0 0 var(--sidebar-width)!important;z-index:2}.top-header,.header,.btn-buy{position:relative;z-index:3}.surface-card,.summary-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 8px 24px #1018280f;display:flex;flex-direction:column;justify-content:space-between;min-height:160px;box-sizing:border-box}.summary-card-header{gap:12px;align-items:center;display:flex;justify-content:space-between}.btn-pill{border-radius:9999px;padding:6px 10px;border:1px solid rgba(0,0,0,.06);background:transparent;cursor:pointer;font-weight:600;color:#07131a!important}@media(prefers-color-scheme:dark){.btn-outline,.btn-pill,.btn-hamburger{color:#e6eef7!important}}.sidebar{min-height:100vh!important}.sidebar-card{display:flex;flex-direction:column;flex:1 1 auto!important}.template-gallery{display:flex;flex-direction:column;gap:18px}.template-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;align-items:start}.template-card{background:var(--card);border-radius:12px;padding:12px;box-shadow:var(--soft-shadow);display:flex;flex-direction:column;gap:8px;min-height:180px}.template-thumb{width:100%;height:140px;border-radius:8px;background:linear-gradient(180deg,#f8faf8,#f1f5f9);display:block;object-fit:cover;font-weight:700;color:#334155;display:flex;align-items:center;justify-content:center}.template-actions{display:flex;gap:8px;justify-content:flex-end}@media(max-width:900px){.template-row{grid-template-columns:1fr}}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}html,body{height:100%;margin:0;background-color:var(--page-bg);color:var(--text)}body{display:block;min-width:320px;min-height:100vh}.app-root{min-height:100vh;background-color:var(--page-bg);box-sizing:border-box}.sidebar{position:relative;display:block;min-width:var(--sidebar-width, 240px);width:var(--sidebar-width, 240px);box-sizing:border-box;grid-column:1 / 2;z-index:1}.sidebar-card{box-sizing:border-box;width:100%;min-height:100%;padding:16px;background-color:transparent}.main-area{grid-column:2 / 3}.app-root>.main-area{order:2}.mobile-overlay{display:none}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background:transparent;color:var(--text);cursor:pointer;transition:border-color .18s ease,transform .12s ease}button:hover{border-color:#6467ff2e}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){button{background-color:transparent}a:hover{color:#747bff}}.btn-hamburger,.btn-ghost,.btn-pill,.btn-outline{color:var(--text)!important}.btn-pill{border:1px solid rgba(15,23,42,.06)}.btn-primary{color:#fff}.surface-card,.summary-card{border-radius:12px;padding:20px;box-sizing:border-box;min-height:140px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 8px 24px #1018280f}.card-row,.performance-top-row{display:grid;gap:20px;grid-template-columns:1fr;align-items:start}@media(min-width:640px){.card-row,.performance-top-row{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.card-row,.performance-top-row{grid-template-columns:repeat(3,1fr)}}.summary-card.expanded .summary-card-body{min-height:320px;transition:min-height .22s ease}.btn-pill{border-radius:9999px;padding:6px 10px;background:transparent;cursor:pointer;font-weight:600}.btn-pill.active{background:#16a34a;color:#fff;border-color:transparent}.header-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.visually-hidden{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}.summary-card-header{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;padding:0}.summary-left{min-width:0;flex:1 1 auto}.summary-right{display:flex;align-items:center;gap:12px;margin-left:12px;flex:0 0 auto}.summary-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1.25rem;font-weight:800;color:var(--text)}.summary-sub{margin-top:6px;color:var(--muted);font-size:.875rem}.summary-sparkline{width:120px;height:36px;min-width:120px}.summary-card-body{overflow:hidden;transition:max-height .32s cubic-bezier(.2,.9,.2,1),opacity .22s ease}.chart-wrap{width:100%;height:100%;display:block;box-sizing:border-box}.list-row{display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:8px;background:transparent;cursor:pointer}.text-muted{color:var(--muted)}.btn-buy{background:#16a34a;color:#fff;border:1px solid transparent;padding:.5em .9em;border-radius:8px;font-weight:700}@media(max-width:520px){.summary-card-header{flex-direction:column;align-items:center;justify-content:center;gap:8px}.summary-right{margin-left:0}.summary-value{white-space:normal!important;font-size:clamp(1rem,4.2vw,1.25rem)!important;overflow:visible!important}.summary-sparkline{min-width:80px!important;width:auto!important;height:36px!important;margin-top:6px}.chart-wrap{min-height:36px!important;height:36px!important;width:100%!important}.summary-card-body{overflow:visible!important}}.summary-card-header:focus,.list-row:focus,.btn-outline:focus,.btn-buy:focus,.btn-pill:focus,a:focus{outline:none}.summary-card-header:focus-visible,.list-row:focus-visible,.btn-outline:focus-visible,.btn-buy:focus-visible,.btn-pill:focus-visible,a:focus-visible{box-shadow:0 0 0 4px #6366f12e;border-radius:8px;outline:none}.list-row:focus-visible{background:#6366f10a}@media(max-width:820px){.app-root{grid-template-columns:1fr}.sidebar{position:fixed;top:0;left:0;bottom:0;width:var(--sidebar-width, 240px);transform:translate(-100%);transition:transform .22s ease;box-shadow:0 12px 40px #0206174d;background-color:var(--page-bg);will-change:transform;pointer-events:auto}.sidebar{z-index:10050;-webkit-tap-highlight-color:transparent;background-color:var(--page-bg)}.mobile-overlay{position:fixed;inset:0;background:#00000059;z-index:10000;opacity:0;pointer-events:none;transition:opacity .22s ease;display:block}.app-root.sidebar-open .mobile-overlay,.app-root.sidebar--open .mobile-overlay,.app-root.sidebar-open .sidebar-backdrop,.app-root.sidebar--open .sidebar-backdrop{opacity:1;pointer-events:auto}.sidebar .nav-link,.sidebar .nav-item{display:inline-block;width:100%;padding:10px 12px;border-radius:6px;text-align:left;box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,.04)}.sidebar .nav-link:active,.sidebar .nav-item:active,.sidebar .nav-link:focus,.sidebar .nav-item:focus{outline:none;background:#0000000a}.app-root.sidebar-open .sidebar,.app-root.sidebar--open .sidebar{transform:translate(0)}.top-header{position:relative;z-index:900}.main-area{position:relative;z-index:1;min-height:100vh}.sidebar-backdrop,.mobile-overlay{position:fixed;inset:0;background:#00000059;z-index:10000;opacity:0;pointer-events:none;transition:opacity .22s ease;display:block}.app-root.sidebar-open .sidebar-backdrop,.app-root.sidebar--open .sidebar-backdrop,.app-root.sidebar-open .mobile-overlay,.app-root.sidebar--open .mobile-overlay{opacity:1;pointer-events:auto}}@media(max-width:640px){.perf-carousel{display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;scroll-behavior:smooth;gap:0;box-sizing:border-box;padding-inline:0;height:calc(100vh - 56px);width:100%!important;max-width:100%!important}.perf-carousel::-webkit-scrollbar{height:8px;display:none}.perf-carousel{-ms-overflow-style:none;scrollbar-width:none}.perf-carousel>*{flex:0 0 100%;min-width:100%;scroll-snap-align:start;box-sizing:border-box;padding-inline:12px;display:flex;flex-direction:column;justify-content:flex-start;height:100%}.perf-slide,.perf-slide>*,.perf-carousel .summary-card,.perf-carousel .surface-card{width:100%!important;max-width:none!important;margin:0!important;box-sizing:border-box!important}.perf-slide .summary-card,.perf-slide .surface-card{display:flex;flex-direction:column;justify-content:space-between;height:100%}.perf-slide .summary-card .summary-card-body{overflow:auto;-webkit-overflow-scrolling:touch}.perf-dots{position:relative;z-index:2;margin-top:8px}.chart-wrap{min-height:36px!important;height:36px!important;width:100%!important;display:block!important}@media(max-width:360px){.perf-carousel{padding-inline:8px}.perf-carousel>*{padding-inline:6px}}.app-root,.main-area,.top-header,.content,.content-inner{width:100%!important;max-width:100%!important;margin:0!important;padding-inline:0!important;box-sizing:border-box!important}.content-inner>*{max-width:100%!important;width:100%!important;margin:0!important;box-sizing:border-box!important}html,body,#root,.app-root{overflow-x:hidden}}.invoices-container{padding:18px 20px}.invoices-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px}.invoices-title h2{margin:0;font-size:1.25rem;font-weight:700}.invoices-sub{color:var(--muted);font-size:.95rem;margin-top:6px}.invoices-controls{display:flex;gap:8px;align-items:center}.search-box{background:transparent;border:1px solid rgba(0,0,0,.06);padding:6px 10px;border-radius:999px;display:flex;align-items:center}.search-box input{border:0;outline:none;background:transparent;font-size:.95rem;width:280px}.search-box input::placeholder{color:#6366f159}.btn-ghost{background:#4f46e50f;color:inherit;border:1px solid rgba(79,70,229,.12);padding:8px 10px;border-radius:12px;cursor:pointer;min-width:84px;text-align:center;transition:background-color .14s ease,transform .12s ease}.btn-ghost:hover{background:#4f46e51a;transform:translateY(-1px)}.btn-ghost:active{transform:translateY(0)}.btn-outline{background:#fff;color:#0f172a;border:1px solid rgba(15,23,42,.06);padding:.45em .9em;border-radius:8px;cursor:pointer;transition:background-color .12s ease,border-color .12s ease}.btn-outline:hover{background:#f3f4f6}.btn-primary{background:linear-gradient(180deg,#16a34a,#0ea445);color:#fff;padding:8px 12px;border-radius:12px;border:0;cursor:pointer;box-shadow:0 8px 20px #10b9811f;transition:filter .12s ease,transform .12s ease}.btn-primary:hover{filter:brightness(.98);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-danger{background:#dc26260f;color:#b91c1c;border:1px solid rgba(220,38,38,.14);padding:6px 8px;border-radius:8px;cursor:pointer}.btn-danger:hover{background:#dc26261f;color:#991b1b}.btn-ghost:focus-visible,.btn-primary:focus-visible,.btn-danger:focus-visible,.btn-outline:focus-visible{outline:none;box-shadow:0 0 0 4px #4f46e51f;border-radius:10px}@media(prefers-color-scheme:dark){.btn-ghost{background:#4f46e514;border-color:#4f46e52e;color:#e6eef7}.btn-outline{background:#ffffff08;color:#e6eef7;border-color:#ffffff0f}.btn-danger{background:#dc26260f;border-color:#dc26262e;color:#fecaca}.btn-primary{box-shadow:0 8px 20px #10b98114}}.invoices-grid{display:grid;grid-template-columns:1fr;gap:18px}@media(min-width:980px){.invoices-grid{grid-template-columns:2fr 1fr;align-items:start}}.invoices-left{display:flex;flex-direction:column;gap:12px}.invoices-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px}.status-chips{display:flex;gap:8px;flex-wrap:wrap}.chip{background:#fff;border:1px solid rgba(0,0,0,.06);padding:6px 10px;border-radius:999px;cursor:pointer;font-size:.9rem}.chip-active{background:#4f46e5;color:#fff;border-color:transparent}.list-card{background:transparent;border-radius:12px;padding:0;border:1px solid rgba(0,0,0,.04);overflow:hidden}.list-rows{display:flex;flex-direction:column}.invoice-row{display:flex;gap:12px;align-items:center;padding:12px 14px;border-top:1px solid rgba(0,0,0,.02);cursor:pointer}.invoice-row:first-child{border-top:0}.invoice-row:hover{background:#6366f105}.invoice-row.selected{background:#6366f10f;border-left:4px solid #6366f1}.row-left{width:170px;min-width:120px;display:flex;flex-direction:column}.row-id{font-weight:600}.row-date{color:var(--muted);font-size:.9rem;margin-top:6px}.row-mid{flex:1;display:flex;flex-direction:column}.buyer{font-weight:600}.phone{color:var(--muted);font-size:.9rem;margin-top:4px}.row-right{width:120px;text-align:right;display:flex;flex-direction:column;gap:6px;align-items:flex-end}.total{font-weight:700}.status{font-size:.85rem;padding:6px 8px;border-radius:999px}.status.paid{background:#dcfce7;color:#166534}.status.pending{background:#fef3c7;color:#92400e}.status.overdue{background:#fee2e2;color:#991b1b}.row-actions{display:flex;gap:8px;margin-left:12px}.invoices-right{display:none}@media(min-width:980px){.invoices-right{display:block}}.detail-card{position:sticky;top:20px;background:transparent;border-radius:12px;border:1px solid rgba(0,0,0,.04);padding:16px}.detail-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.detail-id{font-weight:800;font-size:1.15rem;margin-top:6px}.detail-items{margin-top:12px;border-top:1px solid rgba(0,0,0,.04);padding-top:12px;display:flex;flex-direction:column;gap:8px}.detail-item{display:flex;justify-content:space-between;font-size:.95rem}.detail-total{display:flex;justify-content:space-between;align-items:center;margin-top:12px;border-top:1px solid rgba(0,0,0,.04);padding-top:12px}.detail-total-val{font-weight:800;font-size:1.15rem}.muted{color:var(--muted)}.invoices-container .invoice-row button,.invoices-container .invoice-row select,.invoices-container .invoice-row a,.invoices-container .row-actions button,.invoices-container .row-actions select,.invoices-container .row-actions a,.invoices-left .btn-ghost,.invoices-left .btn-outline,.invoices-left .btn-primary,.invoices-right .btn-primary,.invoices-container .btn-ghost,.invoices-container .btn-outline,.invoices-container .btn-primary,.invoices-container .btn-danger{background:transparent!important;color:inherit!important;border:none!important;box-shadow:none!important;opacity:1!important;pointer-events:auto!important}.invoices-container .invoice-row button.btn-ghost,.invoices-container .invoice-row select.btn-ghost,.invoices-container .btn-ghost,.invoices-container button.btn-ghost,.invoices-left button.btn-ghost,.invoices-left select.btn-ghost{background:#4f46e51a!important;color:#0f172a!important;border:1px solid rgba(79,70,229,.16)!important;padding:8px 10px!important;border-radius:12px!important;min-width:84px!important;text-align:center!important;cursor:pointer!important;transition:background-color .14s ease,transform .12s ease}.invoices-container .invoice-row button.btn-ghost:hover,.invoices-container .invoice-row select.btn-ghost:hover{background:#4f46e529!important;transform:translateY(-1px)!important}.invoices-container .invoice-row button.btn-outline,.invoices-container .btn-outline,.invoices-container button.btn-outline,.invoices-container select.btn-outline{background:#fff!important;color:#0f172a!important;border:1px solid rgba(15,23,42,.06)!important;padding:8px 10px!important;border-radius:10px!important;cursor:pointer!important;transition:background-color .12s ease,border-color .12s ease}.invoices-container .invoice-row button.btn-outline:hover,.invoices-container button.btn-outline:hover{background:#f3f4f6!important}.invoices-container .invoice-row button.btn-primary,.invoices-container .btn-primary,.invoices-container button.btn-primary,.invoices-container select.btn-primary{background:linear-gradient(180deg,#16a34a,#0ea445)!important;color:#fff!important;padding:8px 12px!important;border-radius:12px!important;border:0!important;cursor:pointer!important;box-shadow:0 8px 20px #10b9811f!important;transition:filter .12s ease,transform .12s ease}.invoices-container .invoice-row button.btn-primary:hover{filter:brightness(.98)!important;transform:translateY(-1px)!important}.invoices-container .invoice-row button.btn-danger,.invoices-container .btn-danger,.invoices-container button.btn-danger{background:#dc262614!important;color:#b91c1c!important;border:1px solid rgba(220,38,38,.14)!important;padding:6px 8px!important;border-radius:8px!important;cursor:pointer!important}.invoices-container .invoice-row button.btn-danger:hover{background:#dc262624!important;color:#991b1b!important}.invoices-container button[disabled],.invoices-container button:disabled,.invoices-container select[disabled],.invoices-container select:disabled{opacity:.6!important;cursor:not-allowed!important;pointer-events:none!important;filter:none!important}@media(prefers-color-scheme:dark){.invoices-container .invoice-row button.btn-ghost,.invoices-container button.btn-ghost,.invoices-container .btn-ghost{background:#4f46e524!important;color:var(--text)!important;border:1px solid rgba(79,70,229,.22)!important}.invoices-container .invoice-row button.btn-outline,.invoices-container button.btn-outline{background:#ffffff08!important;color:var(--text)!important;border:1px solid rgba(255,255,255,.06)!important}.invoices-container .invoice-row button.btn-primary,.invoices-container button.btn-primary,.invoices-container .btn-primary{box-shadow:0 8px 20px #10b98114!important}.invoices-container .invoice-row button.btn-danger,.invoices-container button.btn-danger,.invoices-container .btn-danger{color:#fecaca!important;border-color:#dc26262e!important}}.invoices-container .invoice-row a.btn-ghost,.invoices-container .invoice-row a.btn-outline,.invoices-container .invoice-row a.btn-primary{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:inherit!important}@media(max-width:640px){.invoices-controls,.header-right,.performance-top-row,.card-row,.invoices-toolbar,.top-header,.header-controls{display:flex!important;flex-wrap:wrap!important;gap:6px!important;align-items:center!important}.search-box{flex:0 1 auto!important;min-width:0!important}.search-box input{width:100%!important;max-width:180px!important;min-width:0!important}.btn-ghost,.btn-outline,.btn-pill,.btn-hamburger{min-width:unset!important;padding:6px 8px!important;font-size:.92rem!important}.status-chips,.filters,.perf-dots,.header-controls{overflow-x:auto;-webkit-overflow-scrolling:touch;gap:6px}}@media(max-width:640px){.invoice-row{gap:8px!important;align-items:center!important}.row-left{flex:0 0 34%!important;min-width:70px!important;width:auto!important}.row-mid{flex:1 1 auto!important;min-width:0!important}.row-right{flex:0 0 30%!important;min-width:60px!important;width:auto!important;text-align:right!important}.row-actions{display:flex!important;gap:6px!important;margin-left:6px!important}.invoices-container .invoice-row button:not(.btn-ghost):not(.btn-outline):not(.btn-primary){background:#ffffff0a!important;color:var(--text)!important;border:1px solid rgba(0,0,0,.04)!important;padding:6px 8px!important;border-radius:8px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}.invoices-container .invoice-row button.icon-only{background:#0000000f!important;color:var(--text)!important}.list-card,.list-rows,.invoice-row{min-width:0!important;overflow:visible!important}}@media(max-width:520px){.summary-card,.perf-slide .summary-card,.perf-slide .surface-card{align-items:center!important;text-align:center!important;padding:14px!important}.summary-card .summary-card-header{width:100%!important;justify-content:center!important;gap:8px!important}.summary-value{white-space:normal!important;font-size:clamp(1rem,4.2vw,1.25rem)!important}.summary-sparkline{min-width:80px!important;width:auto!important}}@media(min-width:521px)and (max-width:640px){.summary-card-header{justify-content:flex-start!important;gap:12px!important;flex-wrap:wrap!important}.summary-left{flex:1 1 0%!important;min-width:0!important}.summary-right{flex:0 0 auto!important;margin-left:0!important}.summary-value{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;font-size:clamp(.95rem,4vw,1.15rem)!important}.summary-sparkline{min-width:80px!important;width:auto!important;height:36px!important;flex:0 0 auto!important}.chart-wrap{min-height:36px!important;height:36px!important;width:100%!important;display:block!important}.summary-card,.summary-card-body{align-items:center!important;overflow:visible!important}}@media(max-width:520px){.summary-card,.perf-slide .summary-card,.perf-slide .surface-card{align-items:center!important;text-align:center!important;padding:14px!important}.summary-card .summary-card-header,.summary-card-header{width:100%!important;justify-content:center!important;flex-direction:column!important;align-items:center!important;gap:8px!important}.summary-value{white-space:normal!important;font-size:clamp(1rem,4.2vw,1.25rem)!important;overflow:visible!important}.summary-sparkline{min-width:80px!important;width:auto!important;height:36px!important;order:2!important;margin-top:6px!important}.summary-left,.summary-right{width:100%!important;text-align:center!important}.chart-wrap{min-height:36px!important;height:36px!important;width:100%!important}.summary-card-body{overflow:visible!important}}@media(max-width:420px){.summary-card-header{gap:6px!important}.summary-sparkline{margin-top:6px!important}}.invoices-container .btn-ghost,.invoices-container .btn-outline,.invoices-container .btn-primary,.invoices-container .btn-danger{background:initial!important;color:initial!important;border:initial!important;box-shadow:initial!important;opacity:1!important;pointer-events:auto!important}@media(max-width:640px){html,body,#root,.app-root,.main-area,.content,.content-inner{width:100%!important;max-width:100%!important;margin:0!important;padding-inline:0!important;box-sizing:border-box!important;overflow-x:hidden!important}.perf-slide{box-sizing:border-box;padding-inline:12px}.perf-slide>.summary-card{width:100%!important;box-sizing:border-box!important}.perf-carousel{padding-inline:0!important;box-sizing:border-box!important;width:100%!important;max-width:100%!important;overflow-x:auto!important}.perf-carousel>*{padding-inline:12px!important;box-sizing:border-box!important}.perf-slide,.perf-slide>*,.perf-carousel .summary-card,.perf-carousel .surface-card{width:100%!important;max-width:100%!important;margin:0!important;box-sizing:border-box!important}.summary-card,.summary-card *{min-width:0!important;width:100%!important;box-sizing:border-box!important}.summary-left{min-width:0!important}.chart-wrap{min-height:36px!important;height:auto!important}.summary-card.expanded .chart-wrap{min-height:320px!important;height:auto!important}.app-root,.content-inner{padding-inline:0!important}}.goals-root{--muted: #6b7280;--muted-2: #94a3b8;--accent: #16a34a;--card-bg: #ffffff;--soft-shadow: 0 8px 24px rgba(16,24,40,.06);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:#07131a;line-height:1.35}.goals-root .container{padding-left:8px;padding-right:8px}.goals-root .frame{background:linear-gradient(180deg,#fffffffa,#fafafafa);border:1px solid rgba(15,23,42,.04);border-radius:14px;padding:20px;box-shadow:0 10px 30px #1018280f}.goals-root h1{font-size:1.6rem;margin:0;letter-spacing:-.2px}.goals-root header p{margin-top:8px;color:var(--muted);font-size:.95rem}.goals-root .card{background:transparent;border:none;box-shadow:none;padding:0}.challenge-card{background:var(--card-bg);border-radius:10px;padding:14px;box-shadow:var(--soft-shadow);border:1px solid rgba(15,23,42,.03);display:grid;gap:12px;align-items:start;transition:transform .14s ease,box-shadow .14s ease}@media(min-width:980px){.challenge-card{grid-template-columns:1fr 210px;gap:18px}}@media(max-width:979px){.challenge-card{grid-template-columns:1fr}}.challenge-card:hover{transform:translateY(-4px);box-shadow:0 14px 40px #10182814}.challenge-left{display:flex;flex-direction:column;gap:10px;min-width:0}.title-row{display:flex;align-items:center;gap:12px;justify-content:space-between;min-width:0}.challenge-title{margin:0;font-size:15px;font-weight:700;color:#07131a;flex:1 1 auto;min-width:0}.reward-chips{display:flex;gap:8px;align-items:center;flex:0 0 auto;margin-left:8px}.reward-chip{padding:6px 8px;border-radius:999px;font-weight:700;font-size:12px;display:inline-flex;align-items:center;justify-content:center;min-width:44px;text-align:center}.reward-chip.xp{background:linear-gradient(90deg,#06b6d4,#06b6d4);color:#fff}.reward-chip.credit{background:linear-gradient(90deg,#f59e0b,#f59e0b);color:#fff}.challenge-desc{margin:6px 0 0;color:var(--muted);font-size:13px}.meta-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:6px}.progress-wrap{flex:1 1 auto;min-width:0}.progress{height:8px;background:#f3f4f6;border-radius:8px;overflow:hidden}.progress>i{display:block;height:100%;background:linear-gradient(90deg,#60a5fa,#3b82f6)}.progress-meta{display:flex;gap:10px;align-items:center;margin-left:8px;flex:0 0 auto}.progress-count{font-size:12px;color:var(--muted);font-weight:600}.status-pill{font-size:12px;padding:6px 8px;border-radius:999px;font-weight:700;text-transform:none}.status-in_progress{background:#f8fafc;color:#0f172a;border:1px solid rgba(15,23,42,.04)}.status-completed{background:#dcfce7;color:#166534;border:1px solid rgba(16,185,129,.08)}.status-claimed{background:#eef2ff;color:#3730a3;border:1px solid rgba(99,102,241,.08)}.status-locked{background:#fff7ed;color:#92400e;border:1px solid rgba(245,158,11,.08)}.challenge-right{display:flex;flex-direction:column;gap:12px;align-items:stretch;justify-content:space-between}.actions{display:flex;gap:8px;align-items:center;justify-content:flex-end}.btn{padding:8px 12px;border-radius:8px;font-weight:700;cursor:pointer;border:none;font-size:14px}.btn-ghost{background:transparent;color:#0f172a;border:1px solid rgba(15,23,42,.06)}.btn-claim{background:var(--accent);color:#fff;box-shadow:0 8px 20px #10b98114}.btn-disabled{background:#f3f4f6;color:var(--muted);cursor:not-allowed}.small-meta{display:flex;flex-direction:column;gap:4px;text-align:right}.small-line{font-size:13px;color:var(--muted)}.muted{color:var(--muted);font-size:13px}.goals-root .card .card-inner{background:var(--card-bg);border-radius:10px;padding:12px;border:1px solid rgba(15,23,42,.03);box-shadow:var(--soft-shadow)}.balance-row{display:flex;justify-content:space-between;align-items:center;gap:8px}.badge-panel{padding:0}.badge-panel-title{margin:0 0 8px;font-size:.95rem;font-weight:700}.badge-panel-empty{color:var(--muted);font-size:13px}.badges-grid{display:grid;grid-template-columns:1fr;gap:8px}.badge-tile{display:flex;gap:10px;align-items:center;padding:8px 10px;border-radius:10px;background:#fff;border:1px solid rgba(15,23,42,.03);box-shadow:0 6px 18px #1018280a}.badge-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex:0 0 44px;box-shadow:inset 0 -6px 12px #ffffff0f}.badge-initial{font-weight:700;color:#fff;font-size:16px}.badge-meta{display:flex;flex-direction:column;gap:3px;min-width:0}.badge-title{font-size:14px;font-weight:700;color:#07131a}.badge-hint{font-size:12px;color:var(--muted)}.challenge-card:focus-within{outline:none;box-shadow:0 18px 48px #10182817;transform:translateY(-3px)}@media(max-width:640px){.challenge-card{padding:12px}.reward-chips{display:flex;gap:6px}.reward-chip{padding:6px 8px;min-width:40px;font-size:13px}.challenge-right{align-items:flex-end}.small-meta{text-align:left}}.tpl-row{display:flex;gap:8px;flex-wrap:wrap;align-items:flex-start;margin-top:6px}.tpl-card{display:flex;flex-direction:column;justify-content:space-between;min-width:120px;max-width:220px;box-sizing:border-box;padding:10px 12px;border-radius:10px;background:#fff;border:1px solid rgba(15,23,42,.04);box-shadow:0 6px 18px #10182808;cursor:pointer;transition:transform .14s ease,box-shadow .14s ease,background .16s ease,color .16s ease;text-align:left;gap:6px;line-height:1.25;overflow:hidden;word-break:break-word;overflow-wrap:anywhere;align-items:flex-start}.tpl-title{font-weight:700;font-size:14px;color:#07131a;margin-bottom:3px}.tpl-desc{font-size:12px;color:var(--muted)}.tpl-chips{display:flex;gap:6px;margin-top:6px;flex-wrap:wrap}.tpl-chip{font-size:12px;padding:4px 8px;border-radius:999px;background:#0f172a0a;color:#07131a;display:inline-flex;align-items:center;justify-content:center;min-width:44px;text-align:center}.tpl-card.active{background:var(--accent);color:#fff;border-color:#00000005;box-shadow:0 10px 30px #10b9811f;transform:translateY(-4px)}.tpl-card.active .tpl-title,.tpl-card.active .tpl-desc{color:#fff}.tpl-card.active .tpl-chip{background:#ffffff1f;color:#fff}.tpl-card:focus-visible{outline:none;box-shadow:0 0 0 4px #6366f11f;border-radius:10px}@media(max-width:520px){.tpl-card{min-width:calc(50% - 8px);max-width:calc(50% - 8px)}.tpl-title{font-size:13px}.tpl-chips{gap:6px}}.toast-viewport{position:fixed;z-index:20000;right:20px;bottom:22px;display:flex;flex-direction:column;gap:10px;align-items:flex-end;max-width:calc(100% - 48px);pointer-events:none}@media(max-width:640px){.toast-viewport{left:50%;right:auto;transform:translate(-50%);align-items:center;width:calc(100% - 24px)}}.toast{pointer-events:auto;min-width:280px;max-width:420px;background:#fff;border-radius:10px;box-shadow:0 10px 30px #0206171f;border:1px solid rgba(15,23,42,.04);overflow:hidden;transform-origin:bottom right;animation:toastIn .22s cubic-bezier(.2,.9,.2,1)}@keyframes toastIn{0%{transform:translateY(8px) scale(.98);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.toast-body{display:flex;gap:12px;align-items:flex-start;padding:12px}.toast-left{flex:1;min-width:0}.toast-title{font-weight:700;font-size:14px;margin-bottom:4px;color:#07131a}.toast-message{font-size:13px;color:#475569;line-height:1.25}.toast-actions{display:flex;gap:8px;align-items:center}.toast-action{background:transparent;border:none;color:#0ea445;font-weight:700;cursor:pointer;padding:6px 8px;border-radius:8px}.toast-action:focus{outline:3px solid rgba(16,185,129,.12)}.toast-close{background:transparent;border:none;color:#94a3b8;cursor:pointer;padding:6px;font-size:13px}.toast-info{border-left:4px solid #06b6d4}.toast-success{border-left:4px solid #10b981}.toast-warning{border-left:4px solid #f59e0b}.toast-error{border-left:4px solid #ef4444}y{}