@import "https://fonts.googleapis.com/css2?family=Fredoka:wght@500;600;700&family=Nunito:wght@400;500;600;700;800&family=Caveat:wght@500;700&display=swap";
:root{--mint-50:#effaf7;--mint-100:#d6f3eb;--mint-200:#b6e8da;--mint-300:#8fd9c4;--mint-400:#66c6ab;--mint-500:#3fae8e;--pink-50:#fef3f5;--pink-100:#fde0e6;--pink-200:#f9bcc8;--pink-300:#f290a4;--pink-400:#e8627e;--pink-500:#d23e5d;--peach-100:#ffe9dd;--peach-200:#ffd1b5;--lemon-100:#fff4c7;--lemon-200:#ffe57a;--lilac-100:#ece4f9;--lilac-200:#d4c1ef;--sky-100:#d9eefb;--sky-200:#b3dcf7;--cream:#fffaf4;--paper:#fff;--ink-900:#2a2530;--ink-700:#4a4250;--ink-500:#7a7385;--ink-300:#b7b0bd;--ink-200:#d8d3df;--ink-100:#ece8f1;--bg:var(--cream);--bg-elevated:var(--paper);--bg-sunken:var(--mint-50);--bg-accent:var(--pink-50);--fg:var(--ink-900);--fg-muted:var(--ink-500);--fg-soft:var(--ink-700);--fg-on-color:var(--paper);--brand:var(--pink-300);--brand-alt:var(--mint-200);--accent:var(--lemon-200);--success:#4eb37e;--warning:#f0a23b;--danger:#e15b65;--line:var(--ink-200);--line-soft:var(--ink-100);--font-display:"Fredoka", system-ui, sans-serif;--font-body:"Nunito", system-ui, -apple-system, "Segoe UI", sans-serif;--font-hand:"Caveat", "Bradley Hand", cursive;--fs-xs:12px;--fs-sm:14px;--fs-md:16px;--fs-lg:18px;--fs-xl:22px;--fs-2xl:28px;--fs-3xl:36px;--fs-4xl:48px;--fs-5xl:64px;--fs-6xl:84px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;--radius-xs:6px;--radius-sm:10px;--radius-md:16px;--radius-lg:22px;--radius-xl:28px;--radius-2xl:36px;--radius-pill:999px;--shadow-xs:0 1px 2px #5224380f;--shadow-sm:0 3px 8px #52243814;--shadow-md:0 8px 20px #5224381a;--shadow-lg:0 20px 40px #52243824;--shadow-pop:0 14px 32px #f290a44d;--shadow-mint:0 14px 32px #8fd9c452;--shadow-inset:inset 0 2px 4px #52243814;--ease-pop:cubic-bezier(.34, 1.56, .64, 1);--ease-soft:cubic-bezier(.4, 0, .2, 1);--dur-fast:.14s;--dur-base:.22s;--dur-slow:.42s;--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light only}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light only;height:100%;overflow-x:hidden}body{background:var(--bg);color:var(--fg);font-family:var(--font-body);font-size:var(--fs-md);-webkit-font-smoothing:antialiased;line-height:1.55}a{color:inherit;text-decoration:none}.admin-shell{grid-template-columns:240px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--ink-900);color:var(--paper);padding:var(--space-5);flex-direction:column;height:100vh;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar__logo{align-items:center;gap:var(--space-3);margin-bottom:var(--space-7);padding-bottom:var(--space-5);border-bottom:1px solid #ffffff1a;display:flex}.sidebar__logo-mark{background:linear-gradient(135deg, var(--mint-300), var(--pink-300));border-radius:var(--radius-sm);width:36px;height:36px;font-family:var(--font-display);font-weight:700;font-size:var(--fs-lg);color:var(--paper);justify-content:center;align-items:center;display:flex}.sidebar__logo-text{font-family:var(--font-display);font-weight:700;font-size:var(--fs-lg);line-height:1}.sidebar__logo-text span{font-size:var(--fs-xs);font-family:var(--font-body);opacity:.5;text-transform:uppercase;letter-spacing:.08em;margin-top:2px;font-weight:600;display:block}.sidebar__nav{gap:var(--space-1);flex-direction:column;flex:1;display:flex}.sidebar__link{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);font-weight:700;font-size:var(--fs-sm);color:#ffffffa6;transition:background var(--dur-fast) var(--ease-soft), color var(--dur-fast) var(--ease-soft);cursor:pointer;text-align:left;background:0 0;border:none;width:100%;text-decoration:none;display:flex}.sidebar__link:hover{color:var(--paper);background:#ffffff14}.sidebar__link.active{background:var(--pink-400);color:var(--paper)}.sidebar__link svg{flex-shrink:0;width:18px;height:18px}.sidebar__section-label{font-size:var(--fs-xs);letter-spacing:.12em;text-transform:uppercase;color:#ffffff59;padding:var(--space-5) var(--space-4) var(--space-2);font-weight:800}.sidebar__footer{padding-top:var(--space-5);border-top:1px solid #ffffff1a}.main-content{background:var(--mint-50);flex-direction:column;min-width:0;min-height:100vh;display:flex;overflow-x:hidden}.topbar{background:var(--paper);border-bottom:1px solid var(--line-soft);padding:var(--space-4) var(--space-7);z-index:10;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.topbar__title{font-family:var(--font-display);font-weight:700;font-size:var(--fs-2xl);color:var(--fg)}.page-body{padding:var(--space-7);flex:1}.card{background:var(--paper);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.card__header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.card__title{font-family:var(--font-display);font-weight:700;font-size:var(--fs-xl);color:var(--fg)}.card__body{padding:var(--space-6)}.btn{align-items:center;gap:var(--space-2);border-radius:var(--radius-pill);font-family:var(--font-body);font-weight:800;font-size:var(--fs-sm);cursor:pointer;transition:transform var(--dur-fast) var(--ease-pop), box-shadow var(--dur-fast) var(--ease-soft);white-space:nowrap;border:none;padding:10px 20px;text-decoration:none;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn--primary{background:var(--pink-400);color:var(--paper);box-shadow:var(--shadow-sm)}.btn--primary:hover{background:var(--pink-500);box-shadow:var(--shadow-pop)}.btn--secondary{background:var(--mint-200);color:var(--ink-900);box-shadow:var(--shadow-sm)}.btn--secondary:hover{background:var(--mint-300);box-shadow:var(--shadow-mint)}.btn--ghost{color:var(--fg-muted);box-shadow:none;border:1.5px solid var(--line);background:0 0}.btn--ghost:hover{background:var(--mint-50);color:var(--fg);box-shadow:none}.btn--danger{background:var(--danger);color:var(--paper)}.btn--success{background:var(--success);color:var(--paper)}.btn--sm{font-size:var(--fs-xs);padding:7px 14px}.btn--lg{font-size:var(--fs-md);padding:14px 28px}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn svg{width:16px;height:16px}.form-group{gap:var(--space-2);flex-direction:column;display:flex}.form-label{font-weight:700;font-size:var(--fs-sm);color:var(--fg)}.form-input,.form-select,.form-textarea{font-family:var(--font-body);font-size:var(--fs-md);color:var(--fg);background:var(--mint-50);border:1.5px solid var(--line);border-radius:var(--radius-sm);padding:10px var(--space-4);width:100%;transition:border-color var(--dur-fast) var(--ease-soft), box-shadow var(--dur-fast) var(--ease-soft);outline:none}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--mint-400);box-shadow:0 0 0 3px #8fd9c440}.form-textarea{resize:vertical;min-height:80px}.form-grid{gap:var(--space-5);display:grid}.form-grid--2{grid-template-columns:repeat(2,1fr)}.form-grid--3{grid-template-columns:repeat(3,1fr)}.badge{border-radius:var(--radius-pill);font-size:var(--fs-xs);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;align-items:center;padding:3px 10px;font-weight:800;display:inline-flex}.badge--draft{background:var(--ink-100);color:var(--ink-500)}.badge--sent{background:var(--sky-100);color:#1a6ba0}.badge--paid{color:#1d6e47;background:#d4f3e4}.badge--overdue{color:#b81c1c;background:#fde0e0}.badge--accepted{color:#1d6e47;background:#d4f3e4}.badge--declined{color:#b81c1c;background:#fde0e0}.badge--expired{background:var(--ink-100);color:var(--ink-500)}.data-table{border-collapse:collapse;width:100%}.data-table th{text-align:left;font-size:var(--fs-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--fg-muted);padding:var(--space-3) var(--space-5);border-bottom:2px solid var(--line-soft);white-space:nowrap;font-weight:800}.data-table td{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--line-soft);font-size:var(--fs-sm);vertical-align:middle}.data-table tr:last-child td{border-bottom:0}.data-table tr:hover td{background:var(--mint-50)}.data-table .num{text-align:right;font-variant-numeric:tabular-nums;font-weight:700}.li-table{border-collapse:collapse;width:100%}.li-table th{font-size:var(--fs-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--fg-muted);padding:var(--space-2) var(--space-3);border-bottom:1.5px solid var(--line);text-align:left;font-weight:800}.li-table th.r{text-align:right}.li-table td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--line-soft);vertical-align:middle}.li-table td.r{text-align:right;font-variant-numeric:tabular-nums}.li-table td.shrink{white-space:nowrap;width:1%}.li-input{font-family:var(--font-body);font-size:var(--fs-sm);color:var(--fg);border-radius:var(--radius-xs);width:100%;transition:border-color var(--dur-fast) var(--ease-soft), background var(--dur-fast) var(--ease-soft);background:0 0;border:1.5px solid #0000;outline:none;padding:6px 8px}.li-input:hover{border-color:var(--line);background:var(--mint-50)}.li-input:focus{border-color:var(--mint-400);background:var(--paper);box-shadow:0 0 0 3px #8fd9c433}.li-input.r{text-align:right}.totals-block{flex-direction:column;gap:2px;min-width:260px;display:flex}.totals-row{font-size:var(--fs-sm);color:var(--fg-soft);justify-content:space-between;align-items:baseline;padding:6px 0;display:flex}.totals-row span:last-child{color:var(--fg);font-variant-numeric:tabular-nums;font-weight:700}.totals-row--sep{border-top:1px dashed var(--line);margin-top:4px;padding-top:10px}.totals-grand{background:var(--ink-900);color:var(--paper);padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);margin-top:var(--space-3);justify-content:space-between;align-items:center;display:flex}.totals-grand span:first-child{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.06em;opacity:.8;font-weight:800}.totals-grand span:last-child{font-family:var(--font-display);font-weight:700;font-size:var(--fs-2xl);font-variant-numeric:tabular-nums}.stat-grid{gap:var(--space-5);margin-bottom:var(--space-7);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.stat-card{background:var(--paper);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-6)}.stat-card__label{font-size:var(--fs-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--fg-muted);margin-bottom:var(--space-3);font-weight:800}.stat-card__value{font-family:var(--font-display);font-size:var(--fs-3xl);color:var(--fg);font-weight:700}.stat-card__sub{font-size:var(--fs-xs);color:var(--fg-muted);margin-top:var(--space-2)}.stat-card--mint{border-top:3px solid var(--mint-400)}.stat-card--pink{border-top:3px solid var(--pink-400)}.stat-card--lemon{border-top:3px solid var(--lemon-200)}.stat-card--lilac{border-top:3px solid var(--lilac-200)}.empty-state{text-align:center;padding:var(--space-9) var(--space-5);color:var(--fg-muted)}.empty-state svg{width:48px;height:48px;margin:0 auto var(--space-4);opacity:.4;display:block}.empty-state h3{font-family:var(--font-display);font-size:var(--fs-xl);color:var(--fg);margin-bottom:var(--space-2)}.empty-state p{font-size:var(--fs-sm)}.search-input{font-family:var(--font-body);font-size:var(--fs-sm);color:var(--fg);background:var(--mint-50);border:1.5px solid var(--line);border-radius:var(--radius-pill);padding:9px var(--space-5);width:280px;transition:border-color var(--dur-fast) var(--ease-soft);outline:none}.search-input:focus{border-color:var(--mint-400)}.alert{padding:var(--space-4) var(--space-5);border-radius:var(--radius-sm);font-size:var(--fs-sm);margin-bottom:var(--space-5);font-weight:700}.alert--error{color:#b81c1c;background:#fde0e0}.alert--success{color:#1d6e47;background:#d4f3e4}.dash-grid{gap:var(--space-6);grid-template-columns:1fr 1fr;display:grid}.li-table-wrap{display:block}.li-cards{gap:var(--space-3);padding:var(--space-4);flex-direction:column;display:none}.li-card{border:1.5px solid var(--line);border-radius:var(--radius-sm);padding:var(--space-3);gap:var(--space-2);background:var(--paper);flex-direction:column;display:flex}.li-card__header{align-items:center;gap:var(--space-2);display:flex}.li-card__remove{cursor:pointer;color:var(--fg-muted);border-radius:var(--radius-xs);transition:color var(--dur-fast);background:0 0;border:none;flex-shrink:0;align-items:center;padding:4px;display:flex}.li-card__remove:hover{color:var(--danger)}.li-card__nums{gap:var(--space-2);grid-template-columns:1fr 1fr 2fr;display:grid}.li-card__num-group{flex-direction:column;gap:2px;display:flex}.li-card__num-group label{font-size:var(--fs-xs);color:var(--fg-muted);text-transform:uppercase;letter-spacing:.06em;font-weight:800}.li-card__amount{padding:var(--space-2) var(--space-3);background:var(--mint-50);border-radius:var(--radius-xs);font-size:var(--fs-sm);border:1px solid var(--line-soft);justify-content:space-between;align-items:center;display:flex}.topbar__hamburger{cursor:pointer;border-radius:var(--radius-sm);width:38px;height:38px;color:var(--fg);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:none}.topbar__hamburger:hover{background:var(--mint-100)}.sidebar__close{border-radius:var(--radius-xs);cursor:pointer;width:30px;height:30px;color:var(--paper);transition:background var(--dur-fast);background:#ffffff1f;border:none;flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;display:none}.sidebar__close:hover{background:#ffffff38}.sidebar-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:199;opacity:0;pointer-events:none;transition:opacity var(--dur-base) var(--ease-soft);background:#2a25308c;display:none;position:fixed;inset:0}@media (max-width:768px){.admin-shell{grid-template-columns:1fr}.sidebar{width:280px;height:100dvh;transition:transform var(--dur-base) var(--ease-soft);z-index:200;position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.sidebar--open{box-shadow:var(--shadow-lg);transform:translate(0)}.sidebar__close{display:flex}.sidebar-backdrop{display:block}.sidebar-backdrop--visible{opacity:1;pointer-events:auto}.topbar__hamburger{display:flex}.topbar{padding:var(--space-3) var(--space-4)}.topbar__title{font-size:var(--fs-xl)}.page-body{padding:var(--space-4)}.card__header{padding:var(--space-4);gap:var(--space-3);flex-wrap:wrap}.card__body{padding:var(--space-4)}.hide-mobile{display:none!important}.data-table{display:block}.data-table thead{display:none}.data-table tbody{gap:var(--space-3);padding:var(--space-4);flex-direction:column;display:flex}.data-table tr{border:1.5px solid var(--line-soft);border-radius:var(--radius-sm);display:block;overflow:hidden}.data-table tr:hover td{background:0 0}.data-table td{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--line-soft);font-size:var(--fs-sm);vertical-align:unset;flex-wrap:wrap;display:flex}.data-table td:last-child{border-bottom:0}.data-table td:empty{display:none}.data-table td:first-child{background:var(--mint-50);padding:var(--space-3) var(--space-4);font-weight:700;font-size:var(--fs-md);border-bottom:2px solid var(--line-soft)}.data-table td.num{text-align:left}.li-table-wrap{display:none}.li-cards{display:flex}.dash-grid{gap:var(--space-4);grid-template-columns:1fr}.totals-block{min-width:unset;width:100%}.form-grid--2,.form-grid--3{grid-template-columns:1fr}.search-input{width:100%;max-width:none}.stat-grid{gap:var(--space-3);margin-bottom:var(--space-5);grid-template-columns:repeat(2,1fr)}.stat-card{padding:var(--space-4)}.stat-card__value{font-size:var(--fs-2xl)}}@media (max-width:420px){.stat-grid{grid-template-columns:1fr 1fr}.topbar__title{font-size:var(--fs-lg)}}.notif-bell{flex-shrink:0;position:relative}.notif-bell__btn{cursor:pointer;border-radius:var(--radius-sm);width:38px;height:38px;color:var(--fg-muted);transition:background var(--dur-fast) var(--ease-soft), color var(--dur-fast) var(--ease-soft);background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:relative}.notif-bell__btn:hover{background:var(--mint-100);color:var(--fg)}.notif-bell__badge{background:var(--pink-400);min-width:17px;height:17px;color:var(--paper);border-radius:var(--radius-pill);pointer-events:none;justify-content:center;align-items:center;padding:0 4px;font-size:10px;font-weight:800;line-height:1;display:flex;position:absolute;top:4px;right:4px}.notif-panel{background:var(--paper);border-radius:var(--radius-lg);width:320px;box-shadow:var(--shadow-lg);border:1px solid var(--line-soft);z-index:200;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}.notif-panel__head{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:center;display:flex}.notif-panel__title{font-family:var(--font-display);font-weight:700;font-size:var(--fs-md);color:var(--fg)}.notif-panel__clear{font-family:var(--font-body);font-size:var(--fs-xs);color:var(--mint-500);cursor:pointer;border-radius:var(--radius-xs);transition:background var(--dur-fast);background:0 0;border:none;padding:3px 8px;font-weight:800}.notif-panel__clear:hover{background:var(--mint-50)}.notif-panel__list{max-height:360px;overflow-y:auto}.notif-item{align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--line-soft);cursor:pointer;transition:background var(--dur-fast);display:flex}.notif-item:last-child{border-bottom:0}.notif-item:hover,.notif-item--unread{background:var(--mint-50)}.notif-item--unread:hover{background:var(--mint-100)}.notif-item__icon{flex-shrink:0;margin-top:2px;font-size:18px;line-height:1}.notif-item__body{flex:1;min-width:0}.notif-item__title{font-size:var(--fs-sm);color:var(--fg);margin:0 0 2px;font-weight:700;line-height:1.35}.notif-item__sub{font-size:var(--fs-xs);color:var(--fg-muted);white-space:nowrap;text-overflow:ellipsis;margin:0 0 3px;overflow:hidden}.notif-item__time{color:var(--ink-300);margin:0;font-size:11px}.notif-item__dot{background:var(--pink-400);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:5px}.notif-empty{padding:var(--space-7) var(--space-5);text-align:center;font-size:var(--fs-sm);color:var(--fg-muted)}@media (max-width:420px){.notif-panel{width:calc(100vw - 20px);right:-8px}}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:.65s linear infinite spin;display:inline-block}.tag-select{align-items:center;gap:var(--space-1);flex-wrap:wrap;display:inline-flex}.tag-opt{font-size:var(--fs-xs);border-radius:var(--radius-pill);cursor:pointer;transition:all var(--dur-fast) var(--ease-soft);border:1.5px solid #0000;padding:3px 10px;font-weight:800}.tag-opt--mint{background:var(--mint-100);color:var(--mint-500)}.tag-opt--mint.selected{border-color:var(--mint-500)}.tag-opt--pink{background:var(--pink-100);color:var(--pink-500)}.tag-opt--pink.selected{border-color:var(--pink-500)}.tag-opt--lemon{background:var(--lemon-100);color:#8a6d18}.tag-opt--lemon.selected{border-color:#8a6d18}.tag-opt--lilac{background:var(--lilac-100);color:#5d3f9e}.tag-opt--lilac.selected{border-color:#5d3f9e}