*{box-sizing:border-box;margin:0;padding:0}:root{--color-primary:#22c55e;--color-primary-light:#4ade80;--color-primary-dark:#16a34a;--color-primary-muted:#4a7c59;--color-primary-glow:#22c55e66;--color-bg:#050505;--color-bg-card:#111c;--color-bg-card-solid:#111;--color-bg-input:#1a1a1ae6;--color-bg-elevated:#1e1e1ef2;--color-text:#22c55e;--color-text-muted:#4ade80;--color-text-subtle:#6b7280;--color-border:#333;--color-danger:#dc2626;--color-danger-glow:#dc26264d;--color-warning:#eab308;--color-info:#3b82f6;--color-info-glow:#3b82f64d;--gradient-primary:linear-gradient(135deg,#22c55e,#16a34a);--gradient-dark:linear-gradient(180deg,#111111e6,#050505f2);--gradient-glow:radial-gradient(ellipse at center,#22c55e26 0%,#0000 70%);--gradient-card:linear-gradient(145deg,#1e1e1e99,#111c);--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 4px 16px #0006;--shadow-lg:0 8px 32px #00000080;--shadow-glow:0 0 20px var(--color-primary-glow);--shadow-glow-sm:0 0 10px var(--color-primary-glow);--shadow-inset:inset 0 2px 4px #0000004d;--border-subtle:1px solid #22c55e33;--border-medium:1px solid #22c55e66;--border-strong:1px solid var(--color-primary);--border-radius:16px;--border-radius-sm:10px;--border-radius-lg:24px;--radius-pill:9999px;--radius-asymmetric:24px 8px 24px 8px;--radius-asymmetric-alt:8px 24px 8px 24px;--radius-organic:30px 70px 30px 70px/70px 30px 70px 30px;--clip-notched:polygon(0 12px,12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px));--clip-hexagon:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%);--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--font-size-xs:12px;--font-size-sm:14px;--font-size-base:16px;--font-size-lg:18px;--font-size-xl:24px;--font-size-2xl:32px;--blur-sm:blur(8px);--blur-md:blur(16px);--blur-lg:blur(24px);--transition-fast:0.15s;--transition-normal:0.25s;--transition-slow:0.4s;--ease-out:cubic-bezier(0.4,0,0.2,1);--ease-bounce:cubic-bezier(0.68,-0.55,0.265,1.55)}[data-theme=light]{--color-primary:#16a34a;--color-primary-light:#22c55e;--color-primary-dark:#15803d;--color-primary-muted:#4a7c59;--color-primary-glow:#16a34a33;--color-bg:#f8fafc;--color-bg-card:#ffffffe6;--color-bg-card-solid:#fff;--color-bg-input:#f1f5f9e6;--color-bg-elevated:#fffffff2;--color-text:#1e293b;--color-text-muted:#475569;--color-text-subtle:#94a3b8;--color-border:#e2e8f0;--color-danger:#dc2626;--color-danger-glow:#dc262626;--color-warning:#ca8a04;--color-info:#2563eb;--color-info-glow:#2563eb26;--gradient-primary:linear-gradient(135deg,#22c55e,#16a34a);--gradient-dark:linear-gradient(180deg,#f8fafce6,#f1f5f9f2);--gradient-glow:radial-gradient(ellipse at center,#22c55e14 0%,#0000 70%);--gradient-card:linear-gradient(145deg,#fffc,#f8fafce6);--shadow-sm:0 2px 8px #00000014;--shadow-md:0 4px 16px #0000001a;--shadow-lg:0 8px 32px #0000001f;--shadow-glow:0 0 20px var(--color-primary-glow);--shadow-glow-sm:0 0 10px var(--color-primary-glow);--shadow-inset:inset 0 2px 4px #0000000d;--border-subtle:1px solid #16a34a26;--border-medium:1px solid #16a34a4d;--border-strong:1px solid var(--color-primary);--overlay-bg:#00000080;--calendar-grid-bg:#16a34a0d;--tab-nav-bg:#16a34a14;--pos-bank-bg:#f1f5f9;--pos-bank-border:#e2e8f0;--pos-bank-item-bg:#fff}[data-theme=light] .calendar-grid{background:var(--calendar-grid-bg)}[data-theme=light] .tab-nav{background:var(--tab-nav-bg)}[data-theme=light] .modal-overlay,[data-theme=light] .pos-modal-overlay{background:#00000080}[data-theme=light] .pos-item-bank{background:var(--pos-bank-bg);border-left-color:var(--pos-bank-border)}[data-theme=light] .pos-item-bank-header{background:#e2e8f0;border-bottom-color:var(--pos-bank-border);color:#22c55e;color:var(--color-primary)}[data-theme=light] .pos-bank-item{background:var(--pos-bank-item-bg);border-color:#16a34a4d}[data-theme=light] .pos-bank-item-name{color:#22c55e;color:var(--color-text)}[data-theme=light] .pos-bank-item-price,[data-theme=light] .pos-stock-badge{color:#4ade80;color:var(--color-text-muted)}[data-theme=light] .pos-stock-badge{background:#ffffffe6}[data-theme=light] .sidebar-item{color:#22c55e;color:var(--color-text)}[data-theme=light] .sidebar-subitem{color:#4ade80;color:var(--color-text-muted)}[data-theme=light] .cashbox-sidebar{background:#fff;border-right-color:#e2e8f0}[data-theme=light] .sidebar-header{border-bottom-color:#e2e8f0}[data-theme=light] .sidebar-subitems{border-left-color:#16a34a33}[data-theme=light] .pos-edit-grid{background:#050505;background:var(--color-bg)}[data-theme=light] .hours-entry-card{background:#fff;border-color:#e2e8f0}[data-theme=light] .logged-entry{background:#16a34a0d}[data-theme=light] .logged-entry:hover{background:#16a34a1a}[data-theme=light] .sidebar-item.active{background:#16a34a26;color:#22c55e;color:var(--color-primary)}[data-theme=light] .sidebar-subitem.active{background:#16a34a1f;color:#22c55e;color:var(--color-primary)}[data-theme=light] .pos-item-bank-items{background:#f8fafc}[data-theme=light] .tab-nav button{background:#fff;border-color:#16a34a33}[data-theme=light] .pos-header,[data-theme=light] .pos-order{background:linear-gradient(180deg,#f8fafcf2,#f1f5f9fa)}[data-theme=light] .pos-edit-container{background:#050505;background:var(--color-bg)}[data-theme=light] select option{background:#fff;color:#22c55e;color:var(--color-text)}[data-theme=light] code{background:#e2e8f0!important;color:#22c55e;color:var(--color-text)}[data-theme=light] details{background:#f8fafc}[data-theme=light] tr:nth-child(2n){background:#16a34a08}[data-theme=light] tr:hover{background:#16a34a0f}[data-theme=light] .pos-grid-cell{background:#fff;border-color:#e2e8f0}[data-theme=light] .view-toggle{background:#f1f5f9}[data-theme=light] .month-header{background:linear-gradient(90deg,#16a34a1a,#16a34a08)}[data-theme=light] .denomination-inputs .form-group input{background:#fff;border-color:#e2e8f0}[data-theme=light] .transaction-type-btn{background:#fff;border-color:#16a34a4d}[data-theme=light] .pending-transaction,[data-theme=light] .pos-item-btn{background:linear-gradient(145deg,#ffffffe6,#f8fafcf2)}[data-theme=light] .pos-item-btn:hover{background:#16a34a14}[data-theme=light] .session-card{background:linear-gradient(145deg,#ffffffe6,#f8fafcf2)}[data-theme=light] .cashbox-main{background:#050505;background:var(--color-bg)}[data-theme=light] .card,[data-theme=light] .denomination-card,[data-theme=light] .menu-card,[data-theme=light] .month-group,[data-theme=light] .stat-card{background:linear-gradient(145deg,#ffffffe6,#f8fafcf2)}[data-theme=light] .calendar-day{background:#fff}[data-theme=light] .calendar-day.today{background:linear-gradient(135deg,#16a34a26,#16a34a14)}[data-theme=light] .calendar-day.has-hours{background:linear-gradient(135deg,#16a34a1f,#16a34a0f)}[data-theme=light] .nav{background:linear-gradient(180deg,#fffffff2,#f8fafcfa);border-bottom-color:#e2e8f0}[data-theme=light] .nav-link.active{background:#16a34a1a}[data-theme=light] .modal,[data-theme=light] .pos-modal{background:linear-gradient(145deg,#fffffffa,#f8fafcfc)}html{scroll-behavior:smooth}:focus-visible{outline:2px solid #22c55e;outline:2px solid var(--color-primary);outline-offset:2px}.btn:focus-visible,.menu-card:focus-visible,.pos-item-btn:focus-visible,.session-card:focus-visible{box-shadow:0 0 20px #22c55e66;box-shadow:var(--shadow-glow);outline:2px solid #22c55e;outline:2px solid var(--color-primary);outline-offset:2px}:focus:not(:focus-visible){outline:none}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#050505;background:var(--color-bg);background-attachment:fixed;background-image:radial-gradient(ellipse at center,#22c55e26 0,#0000 70%);background-image:var(--gradient-glow);color:#22c55e;color:var(--color-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;min-height:100vh}.page-wrapper{display:flex;flex-direction:column;min-height:100vh}.page-content{flex:1 1;width:100%}.container{max-width:1400px}.container,.container-narrow{margin:0 auto;padding:24px;padding:var(--spacing-lg);width:100%}.container-narrow{max-width:800px}.container-medium{margin:0 auto;max-width:1000px;padding:24px;padding:var(--spacing-lg);width:100%}.content-narrow{max-width:700px}.content-medium{max-width:900px}.content-wide{max-width:1100px}.content-centered{margin-left:auto;margin-right:auto}.two-column-layout{grid-gap:24px;grid-gap:var(--spacing-lg);display:grid;gap:24px;gap:var(--spacing-lg);grid-template-columns:1fr}@media (min-width:1024px){.two-column-layout{grid-template-columns:1fr 1fr}.two-column-layout.sidebar-layout{grid-template-columns:2fr 1fr}.two-column-layout.reverse-sidebar{grid-template-columns:1fr 2fr}}.dashboard-layout{margin:0 auto;max-width:1100px;padding:24px;padding:var(--spacing-lg)}.dashboard-grid{grid-gap:24px;grid-gap:var(--spacing-lg);display:grid;gap:24px;gap:var(--spacing-lg);grid-template-columns:1fr}@media (min-width:768px){.dashboard-grid{align-items:start;grid-template-columns:280px 1fr}}.dashboard-sidebar{display:flex;flex-direction:column;gap:16px;gap:var(--spacing-md)}.dashboard-main{min-width:0}.compact-stats{grid-gap:8px;grid-gap:var(--spacing-sm);display:grid;gap:8px;gap:var(--spacing-sm);grid-template-columns:1fr 1fr;padding:16px!important;padding:var(--spacing-md)!important}.compact-stat{align-items:center;background:var(--color-background);border-radius:8px;display:flex;flex-direction:column;padding:8px;padding:var(--spacing-sm)}.compact-stat.primary{background:#22c55e;background:var(--color-primary);color:var(--color-background)}.compact-stat.primary .compact-stat-label{color:#fffc}.compact-stat-value{font-size:1.25rem;font-weight:700;line-height:1.2}.compact-stat-label{color:#4ade80;color:var(--color-text-muted);font-size:.7rem;letter-spacing:.5px;margin-top:2px;text-transform:uppercase}.quick-actions{grid-gap:8px;grid-gap:var(--spacing-sm);display:grid;gap:8px;gap:var(--spacing-sm);grid-template-columns:1fr 1fr}.quick-action-card{align-items:center;background:var(--color-surface);border:1px solid #333;border:1px solid var(--color-border);border-radius:12px;display:flex;flex-direction:column;gap:6px;justify-content:center;padding:16px;padding:var(--spacing-md);text-decoration:none;transition:all .2s ease}.quick-action-card:hover{border-color:#22c55e;border-color:var(--color-primary);box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.quick-action-icon{font-size:1.5rem}.quick-action-label{color:#22c55e;color:var(--color-text);font-size:.8rem;font-weight:600}.student-dashboard{margin:0 auto;max-width:500px;padding:24px;padding:var(--spacing-lg);text-align:center}.welcome-section h1{color:#22c55e;color:var(--color-text);font-size:1.5rem;margin-bottom:24px;margin-bottom:var(--spacing-lg)}.featured-stat{background:#22c55e;background:var(--color-primary);border-radius:16px;color:#fff;margin-bottom:16px;margin-bottom:var(--spacing-md);padding:32px;padding:var(--spacing-xl)}.featured-stat-value{display:block;font-size:3rem;font-weight:700;line-height:1}.featured-stat-label{display:block;font-size:.9rem;margin-top:4px;margin-top:var(--spacing-xs);opacity:.9}.stats-row{display:flex;gap:24px;gap:var(--spacing-lg);justify-content:center;margin-bottom:32px;margin-bottom:var(--spacing-xl)}.stat-inline{text-align:center}.stat-inline-value{color:#22c55e;color:var(--color-primary);display:block;font-size:1.5rem;font-weight:700}.stat-inline-label{color:#4ade80;color:var(--color-text-muted);display:block;font-size:.75rem;text-transform:uppercase}.action-row{grid-gap:8px;grid-gap:var(--spacing-sm);display:grid;gap:8px;gap:var(--spacing-sm);grid-template-columns:repeat(4,1fr)}@media (max-width:480px){.action-row{grid-template-columns:repeat(2,1fr)}}.action-card{align-items:center;background:var(--color-surface);border:1px solid #333;border:1px solid var(--color-border);border-radius:12px;display:flex;flex-direction:column;padding:16px;padding:var(--spacing-md);text-decoration:none;transition:all .2s ease}.action-card:hover{transform:translateY(-2px)}.action-card.primary,.action-card:hover{border-color:#22c55e;border-color:var(--color-primary)}.action-card.primary{background:#22c55e;background:var(--color-primary)}.action-card.primary .action-label{color:#fff}.action-icon{font-size:1.5rem;margin-bottom:4px}.action-label{color:#22c55e;color:var(--color-text);font-size:.75rem;font-weight:600}.admin-table-layout{margin:0 auto;max-width:1000px;padding:24px;padding:var(--spacing-lg)}.card.card-narrow{max-width:600px}.card.card-medium{max-width:800px}.card.card-centered{margin-left:auto;margin-right:auto}.section-constrained{max-width:800px}.section-medium{max-width:1000px}.flex-center{display:flex;justify-content:center}.flex-start{display:flex;justify-content:flex-start}@media (min-width:1400px){.stats-grid{max-width:1000px}.menu-grid{max-width:1100px}.cashbox-totals,.denomination-inputs,.sessions-list{max-width:900px}.hours-list{max-width:1000px}}.bg-surface{background:#111;background:var(--color-bg-card-solid)}.bg-surface-elevated{background:#1e1e1ef2;background:var(--color-bg-elevated)}.bg-surface-input{background:#1a1a1ae6;background:var(--color-bg-input)}.bg-overlay{background:#000c}[data-theme=light] .bg-overlay{background:#00000080}.border-subtle{border-color:#22c55e33}[data-theme=light] .border-subtle{border-color:#16a34a33}:root{--inline-bg-surface:#111;--inline-bg-elevated:#1a1a1a;--inline-bg-hover:#2a2a2a;--inline-border:#2a2a2a}[data-theme=light]{--inline-bg-surface:#fff;--inline-bg-elevated:#f8fafc;--inline-bg-hover:#f1f5f9;--inline-border:#e2e8f0}.card{backdrop-filter:blur(8px);backdrop-filter:var(--blur-sm);-webkit-backdrop-filter:blur(8px);-webkit-backdrop-filter:var(--blur-sm);background:linear-gradient(145deg,#1e1e1e99,#111c);background:var(--gradient-card);border:1px solid #22c55e33;border:var(--border-subtle);border-radius:16px;border-radius:var(--border-radius);box-shadow:0 4px 16px #0006;box-shadow:var(--shadow-md);margin-bottom:24px;margin-bottom:var(--spacing-lg);overflow:hidden;padding:24px;padding:var(--spacing-lg);position:relative}.card:before{background:linear-gradient(90deg,#0000,#22c55e80,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.shape-asymmetric{border-radius:24px 8px 24px 8px!important;border-radius:var(--radius-asymmetric)!important}.shape-asymmetric-alt{border-radius:8px 24px 8px 24px!important;border-radius:var(--radius-asymmetric-alt)!important}.shape-notched{border-radius:0!important;-webkit-clip-path:polygon(0 12px,12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px));clip-path:polygon(0 12px,12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px));-webkit-clip-path:var(--clip-notched);clip-path:var(--clip-notched)}.shape-hex{aspect-ratio:1.15;-webkit-clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);-webkit-clip-path:var(--clip-hexagon);clip-path:var(--clip-hexagon)}.shape-organic{border-radius:30px 70px 30px 70px/70px 30px 70px 30px!important;border-radius:var(--radius-organic)!important}.shape-pill{border-radius:9999px!important;border-radius:var(--radius-pill)!important}.btn{align-items:center;border:none;border-radius:10px;border-radius:var(--border-radius-sm);cursor:pointer;display:inline-flex;font-size:16px;font-size:var(--font-size-base);font-weight:600;justify-content:center;min-height:44px;overflow:hidden;padding:16px 24px;padding:var(--spacing-md) var(--spacing-lg);position:relative;text-align:center;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.btn:hover:before{left:100%}.btn-primary{background:linear-gradient(135deg,#22c55e,#16a34a);background:var(--gradient-primary);box-shadow:0 2px 8px #0000004d,0 0 10px #22c55e66;box-shadow:var(--shadow-sm),var(--shadow-glow-sm);color:#050505;color:var(--color-bg)}.btn-primary:hover{box-shadow:0 4px 16px #0006,0 0 20px #22c55e66;box-shadow:var(--shadow-md),var(--shadow-glow);transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{background:linear-gradient(135deg,#166534,#14532d);box-shadow:none;cursor:not-allowed;opacity:.7}.btn-secondary{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);-webkit-backdrop-filter:var(--blur-sm);backdrop-filter:var(--blur-sm);background:#1a1a1ae6;background:var(--color-bg-input);border:1px solid #22c55e66;border:var(--border-medium);color:#22c55e;color:var(--color-primary)}.btn-secondary:hover{background:#22c55e1a;border-color:#22c55e;border-color:var(--color-primary);transform:translateY(-2px)}.btn-danger{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 2px 8px #0000004d,0 0 10px #dc26264d;box-shadow:var(--shadow-sm),0 0 10px var(--color-danger-glow);color:#fff}.btn-danger:hover{box-shadow:0 4px 16px #0006,0 0 20px #dc26264d;box-shadow:var(--shadow-md),0 0 20px var(--color-danger-glow);transform:translateY(-2px)}.btn-small{font-size:14px;font-size:var(--font-size-sm);min-height:36px;padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md)}.input{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);-webkit-backdrop-filter:var(--blur-sm);backdrop-filter:var(--blur-sm);background:#1a1a1ae6;background:var(--color-bg-input);border:1px solid #22c55e66;border:var(--border-medium);border-radius:10px;border-radius:var(--border-radius-sm);box-shadow:inset 0 2px 4px #0000004d;box-shadow:var(--shadow-inset);color:#22c55e;color:var(--color-primary);font-size:16px;font-size:var(--font-size-base);min-height:44px;padding:16px;padding:var(--spacing-md);transition:all .3s ease;width:100%}.input:focus{border-color:#22c55e;border-color:var(--color-primary);box-shadow:inset 0 2px 4px #0000004d,0 0 10px #22c55e66;box-shadow:var(--shadow-inset),var(--shadow-glow-sm);outline:none}.input::placeholder{color:#4a7c59;color:var(--color-primary-muted)}.form-group{margin-bottom:16px;margin-bottom:var(--spacing-md)}.form-group label{color:#4ade80;color:var(--color-primary-light);display:block;font-size:14px;font-size:var(--font-size-sm);font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.error-message{background:#ef44441a;border-left:3px solid #ef4444;color:#ef4444}.error-message,.success-message{border-radius:10px;border-radius:var(--border-radius-sm);font-size:14px;font-size:var(--font-size-sm);margin-top:8px;margin-top:var(--spacing-sm);padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md)}.success-message{background:#22c55e1a;border-left:3px solid #22c55e;border-left:3px solid var(--color-primary);color:#4ade80;color:var(--color-primary-light)}.table-wrapper{-webkit-overflow-scrolling:touch;border-radius:10px;border-radius:var(--border-radius-sm);overflow-x:auto}.table-wrapper.table-constrained{max-width:900px}.table-wrapper.table-narrow{max-width:700px}.table-wrapper.table-centered{margin-left:auto;margin-right:auto}table{border-collapse:initial;border-spacing:0;min-width:500px;width:100%}table.table-auto{min-width:0;width:auto}table.table-fit{max-width:100%;min-width:0;width:-webkit-fit-content;width:fit-content}td,th{padding:16px;padding:var(--spacing-md);text-align:left}th{background:linear-gradient(180deg,#22c55e26,#22c55e0d);color:#22c55e;color:var(--color-primary);font-size:12px;font-size:var(--font-size-xs);font-weight:600;letter-spacing:.5px;position:-webkit-sticky;position:sticky;text-transform:uppercase;top:0}th:first-child{border-radius:10px 0 0 0;border-radius:var(--border-radius-sm) 0 0 0}th:last-child{border-radius:0 10px 0 0;border-radius:0 var(--border-radius-sm) 0 0}tr{transition:background .2s ease}tr:nth-child(2n){background:#22c55e08}tr:hover{background:#22c55e14}td{border-bottom:1px solid #22c55e1a}.nav{backdrop-filter:blur(16px);backdrop-filter:var(--blur-md);-webkit-backdrop-filter:blur(16px);-webkit-backdrop-filter:var(--blur-md);background:linear-gradient(180deg,#111111e6,#050505f2);background:var(--gradient-dark);border-bottom:1px solid #22c55e33;border-bottom:var(--border-subtle);box-shadow:0 4px 16px #0006;box-shadow:var(--shadow-md);padding:16px 24px;padding:var(--spacing-md) var(--spacing-lg);position:-webkit-sticky;position:sticky;top:0;z-index:50}.nav-header{align-items:center;display:flex;gap:16px;gap:var(--spacing-md);justify-content:space-between}.nav-brand{color:#22c55e;color:var(--color-primary);font-size:18px;font-size:var(--font-size-lg);font-weight:700;text-shadow:0 0 20px #22c55e66;text-shadow:0 0 20px var(--color-primary-glow);white-space:nowrap}.nav-toggle{background:#0000;border:none;cursor:pointer;display:none;padding:8px;padding:var(--spacing-sm)}.hamburger{display:block;position:relative}.hamburger,.hamburger:after,.hamburger:before{background:#22c55e;background:var(--color-primary);height:2px;transition:all .3s ease;width:24px}.hamburger:after,.hamburger:before{content:"";position:absolute}.hamburger:before{top:-7px}.hamburger:after{top:7px}.hamburger.open{background:#0000}.hamburger.open:before{top:0;transform:rotate(45deg)}.hamburger.open:after{top:0;transform:rotate(-45deg)}.nav-links{align-items:center;display:flex;flex-wrap:wrap;gap:8px;gap:var(--spacing-sm);margin-top:16px;margin-top:var(--spacing-md)}.nav-link{border-radius:10px;border-radius:var(--border-radius-sm);color:#4ade80;color:var(--color-primary-light);font-size:14px;font-size:var(--font-size-sm);padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md);position:relative;text-decoration:none;transition:all .3s ease;white-space:nowrap}.nav-link:after{background:#22c55e;background:var(--color-primary);bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:all .3s ease;width:0}.nav-link.active:after,.nav-link:hover:after{width:80%}.nav-link.active,.nav-link:hover{color:#22c55e;color:var(--color-primary)}.nav-link.active{background:#22c55e1a}.logout-btn{background:#ef44441a;border:1px solid #ef444480;border-radius:10px;border-radius:var(--border-radius-sm);color:#ef4444;cursor:pointer;font-size:14px;font-size:var(--font-size-sm);min-height:36px;padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md);transition:all .3s ease}.logout-btn:hover{background:#ef444433;box-shadow:0 0 15px #dc26264d;box-shadow:0 0 15px var(--color-danger-glow)}.theme-toggle-btn{align-items:center;background:#1a1a1ae6;background:var(--color-bg-input);border:1px solid #22c55e66;border:var(--border-medium);border-radius:10px;border-radius:var(--border-radius-sm);cursor:pointer;display:flex;font-size:18px;font-size:var(--font-size-lg);justify-content:center;min-height:36px;min-width:44px;padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md);transition:all .3s ease}.theme-toggle-btn:hover{background:#22c55e33;border-color:#22c55e;border-color:var(--color-primary);transform:scale(1.05)}.page-title{color:#22c55e;color:var(--color-primary);display:inline-block;font-size:24px;font-size:var(--font-size-xl);font-weight:700;margin-bottom:24px;margin-bottom:var(--spacing-lg);position:relative;text-shadow:0 0 30px #22c55e66;text-shadow:0 0 30px var(--color-primary-glow)}.page-title:after{background:linear-gradient(135deg,#22c55e,#16a34a);background:var(--gradient-primary);border-radius:2px;bottom:-8px;content:"";height:3px;left:0;position:absolute;width:60px}.menu-grid{grid-gap:24px;grid-gap:var(--spacing-lg);display:grid;gap:24px;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.menu-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);-webkit-backdrop-filter:var(--blur-sm);backdrop-filter:var(--blur-sm);background:linear-gradient(145deg,#1e1e1e99,#111c);background:var(--gradient-card);border:1px solid #22c55e33;border:var(--border-subtle);border-radius:24px 8px 24px 8px;border-radius:var(--radius-asymmetric);box-shadow:0 4px 16px #0006;box-shadow:var(--shadow-md);color:inherit;cursor:pointer;overflow:hidden;padding:32px;padding:var(--spacing-xl);position:relative;text-align:center;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1)}.menu-card:before{background:radial-gradient(ellipse at center,#22c55e1a 0,#0000 70%);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .4s ease}.menu-card:hover:before{opacity:1}.menu-card:hover{border-color:#22c55e;border-color:var(--color-primary);box-shadow:0 8px 32px #00000080,0 0 20px #22c55e66;box-shadow:var(--shadow-lg),var(--shadow-glow);transform:translateY(-8px) scale(1.02)}.menu-card:active{transform:translateY(-4px) scale(1.01)}.menu-card-icon{filter:drop-shadow(0 0 10px rgba(34,197,94,.3));font-size:48px;margin-bottom:16px;margin-bottom:var(--spacing-md)}.menu-card-title{color:#22c55e;color:var(--color-primary);font-size:18px;font-size:var(--font-size-lg);font-weight:600}.calendar{grid-gap:4px;grid-gap:var(--spacing-xs);display:grid;gap:4px;gap:var(--spacing-xs);grid-template-columns:repeat(7,1fr)}.calendar,.calendar-header{margin-bottom:24px;margin-bottom:var(--spacing-lg)}.calendar-header{align-items:center;display:flex;flex-wrap:wrap;gap:8px;gap:var(--spacing-sm);justify-content:space-between}.calendar-header h3{color:#22c55e;color:var(--color-primary);font-weight:600}.calendar-header .btn{min-width:40px;padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md)}.calendar-container{width:100%}.calendar-grid{grid-gap:8px;grid-gap:var(--spacing-sm);background:#0000004d;border-radius:10px;border-radius:var(--border-radius-sm);display:grid;gap:8px;gap:var(--spacing-sm);grid-template-columns:repeat(7,1fr)}.calendar-day-name,.calendar-grid{padding:8px;padding:var(--spacing-sm)}.calendar-day-name{color:#4a7c59;color:var(--color-primary-muted);font-size:12px;font-size:var(--font-size-xs);font-weight:600;text-align:center;text-transform:uppercase}.calendar-day{align-items:center;aspect-ratio:1;background:#1a1a1ae6;background:var(--color-bg-input);border:2px solid #0000;border-radius:10px;border-radius:var(--border-radius-sm);display:flex;flex-direction:column;justify-content:center;min-height:60px;padding:4px;padding:var(--spacing-xs);transition:all .3s ease}.calendar-day.empty{background:#0000}.calendar-day.today{background:linear-gradient(135deg,#22c55e33,#22c55e1a);border:2px solid #22c55e;border:2px solid var(--color-primary);box-shadow:inset 0 0 15px #22c55e4d,0 0 10px #22c55e66;box-shadow:inset 0 0 15px #22c55e4d,var(--shadow-glow-sm)}.calendar-day.today .day-number{color:#22c55e;color:var(--color-primary);font-weight:700;text-shadow:0 0 10px #22c55e66;text-shadow:0 0 10px var(--color-primary-glow)}.calendar-day.has-hours{background:linear-gradient(135deg,#22c55e26,#22c55e14)}.calendar-day.today.has-hours{background:linear-gradient(135deg,#22c55e59,#22c55e33)}.calendar-day.selected{background:linear-gradient(135deg,#22c55e,#16a34a);background:var(--gradient-primary);box-shadow:0 0 20px #22c55e66;box-shadow:var(--shadow-glow)}.calendar-day.selected .day-number{color:#050505;color:var(--color-bg)}.calendar-day.clickable{background:#22c55e14;cursor:pointer}.calendar-day.clickable:hover{background:#22c55e59;border-color:#22c55e;border-color:var(--color-primary);box-shadow:0 0 10px #22c55e4d;transform:scale(1.05)}.calendar-day.clickable:active{background:#22c55e80;transform:scale(.98)}.calendar-day.clickable.selected:hover{background:#16a34a;background:var(--color-primary-dark)}.calendar-grid.compact{gap:4px;gap:var(--spacing-xs)}.calendar-grid.compact .calendar-day{aspect-ratio:1;min-height:40px}.calendar-grid.compact .calendar-day-name{font-size:10px;padding:4px;padding:var(--spacing-xs)}.day-number{color:#4ade80;color:var(--color-primary-light);font-size:14px;font-size:var(--font-size-sm);font-weight:500}.day-hours{color:#22c55e;color:var(--color-primary);margin-top:2px}.calendar-weekday,.day-hours{font-size:12px;font-size:var(--font-size-xs);font-weight:600}.calendar-weekday{color:#4ade80;color:var(--color-primary-light);padding:8px 0;padding:var(--spacing-sm) 0;text-align:center}.total-hours{background:linear-gradient(135deg,#22c55e,#16a34a);background:var(--gradient-primary);border-radius:16px;border-radius:var(--border-radius);box-shadow:0 0 20px #22c55e66;box-shadow:var(--shadow-glow);color:#050505;color:var(--color-bg);font-size:24px;font-size:var(--font-size-xl);font-weight:700;margin-top:24px;margin-top:var(--spacing-lg);padding:24px;padding:var(--spacing-lg);text-align:center}.stats-grid{grid-gap:16px;grid-gap:var(--spacing-md);display:grid;gap:16px;gap:var(--spacing-md);grid-template-columns:repeat(4,1fr);margin-bottom:24px;margin-bottom:var(--spacing-lg)}.stat-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);-webkit-backdrop-filter:var(--blur-sm);backdrop-filter:var(--blur-sm);background:linear-gradient(145deg,#1e1e1e99,#111c);background:var(--gradient-card);border:1px solid #22c55e33;border:var(--border-subtle);border-radius:0;box-shadow:0 2px 8px #0000004d;box-shadow:var(--shadow-sm);-webkit-clip-path:polygon(0 12px,12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px));clip-path:polygon(0 12px,12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px));-webkit-clip-path:var(--clip-notched);clip-path:var(--clip-notched);padding:16px;padding:var(--spacing-md);text-align:center;transition:all .3s ease}.stat-card:hover{border-color:#22c55e66;transform:translateY(-2px)}.stat-card.highlight{background:linear-gradient(135deg,#22c55e26,#22c55e0d);border-color:#22c55e;border-color:var(--color-primary);box-shadow:0 2px 8px #0000004d,0 0 10px #22c55e66;box-shadow:var(--shadow-sm),var(--shadow-glow-sm)}.stat-label{color:#4a7c59;color:var(--color-primary-muted);font-size:12px;font-size:var(--font-size-xs);letter-spacing:.5px;margin-bottom:4px;margin-bottom:var(--spacing-xs);text-transform:uppercase}.stat-value{color:#22c55e;color:var(--color-primary);font-size:18px;font-size:var(--font-size-lg);font-weight:700}.stat-card.highlight .stat-value{font-size:24px;font-size:var(--font-size-xl);text-shadow:0 0 20px #22c55e66;text-shadow:0 0 20px var(--color-primary-glow)}.view-toggle{background:#111;background:var(--color-bg-card-solid);border-radius:10px;border-radius:var(--border-radius-sm);box-shadow:inset 0 2px 4px #0000004d;box-shadow:var(--shadow-inset);display:flex;gap:0;margin-bottom:24px;margin-bottom:var(--spacing-lg);padding:4px;width:-webkit-fit-content;width:fit-content}.toggle-btn{background:#0000;border:none;border-radius:6px;color:#4a7c59;color:var(--color-primary-muted);cursor:pointer;font-size:14px;font-size:var(--font-size-sm);font-weight:500;padding:8px 24px;padding:var(--spacing-sm) var(--spacing-lg);transition:all .3s ease}.toggle-btn:hover{color:#4ade80;color:var(--color-primary-light)}.toggle-btn.active{background:linear-gradient(135deg,#22c55e,#16a34a);background:var(--gradient-primary);box-shadow:0 2px 8px #0000004d;box-shadow:var(--shadow-sm);color:#050505;color:var(--color-bg)}.hours-list{display:flex;flex-direction:column;gap:24px;gap:var(--spacing-lg)}.month-group{background:linear-gradient(145deg,#1e1e1e99,#111c);background:var(--gradient-card);border:1px solid #22c55e33;border:var(--border-subtle);border-radius:24px 8px 24px 8px;border-radius:var(--radius-asymmetric);box-shadow:0 2px 8px #0000004d;box-shadow:var(--shadow-sm);overflow:hidden}.month-header{align-items:center;background:linear-gradient(90deg,#22c55e26,#22c55e0d);border-bottom:1px solid #22c55e33;border-bottom:var(--border-subtle);color:#22c55e;color:var(--color-primary);display:flex;font-weight:600;justify-content:space-between;padding:16px;padding:var(--spacing-md)}.month-total{background:linear-gradient(135deg,#22c55e,#16a34a);background:var(--gradient-primary);border-radius:20px;box-shadow:0 2px 8px #0000004d;box-shadow:var(--shadow-sm);color:#050505;color:var(--color-bg);font-size:14px;font-size:var(--font-size-sm);font-weight:600;padding:4px 16px;padding:var(--spacing-xs) var(--spacing-md)}.log-hours-layout{grid-gap:24px;grid-gap:var(--spacing-lg);align-items:start;display:grid;gap:24px;gap:var(--spacing-lg);grid-template-columns:1fr 1fr}.calendar-legend{border-top:1px solid #22c55e33;border-top:var(--border-subtle);color:#4a7c59;color:var(--color-primary-muted);display:flex;font-size:12px;font-size:var(--font-size-xs);gap:24px;gap:var(--spacing-lg);justify-content:center;margin-top:16px;margin-top:var(--spacing-md);padding-top:16px;padding-top:var(--spacing-md)}.legend-dot{border-radius:3px;display:inline-block;height:12px;margin-right:4px;vertical-align:middle;width:12px}.legend-dot.today{background:#22c55e33;border:2px solid #22c55e;border:2px solid var(--color-primary)}.legend-dot.has-hours{background:#22c55e4d}.legend-dot.selected{background:#22c55e;background:var(--color-primary)}.duration-preview{background:linear-gradient(135deg,#22c55e1a,#22c55e0d);border:1px solid #22c55e33;border:var(--border-subtle);border-radius:10px;border-radius:var(--border-radius-sm);color:#4ade80;color:var(--color-primary-light);font-size:14px;font-size:var(--font-size-sm);margin-bottom:16px;margin-bottom:var(--spacing-md);padding:16px;padding:var(--spacing-md);text-align:center}.duration-preview strong{color:#22c55e;color:var(--color-primary);font-size:24px;font-size:var(--font-size-xl);text-shadow:0 0 15px #22c55e66;text-shadow:0 0 15px var(--color-primary-glow)}.logged-entries{border-top:1px solid #22c55e33;border-top:var(--border-subtle);margin-top:24px;margin-top:var(--spacing-lg);padding-top:16px;padding-top:var(--spacing-md)}.logged-entry{align-items:center;background:#1a1a1ae6;background:var(--color-bg-input);border-radius:10px;border-radius:var(--border-radius-sm);color:#4ade80;color:var(--color-primary-light);display:flex;font-size:14px;font-size:var(--font-size-sm);justify-content:space-between;margin-bottom:4px;margin-bottom:var(--spacing-xs);padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md);transition:all .2s ease}.logged-entry:hover{background:#22c55e1a}.logged-entry span:first-child{color:#4a7c59;color:var(--color-primary-muted)}.today-header{align-items:center;border-bottom:1px solid #22c55e33;border-bottom:var(--border-subtle);display:flex;justify-content:space-between;margin-bottom:24px;margin-bottom:var(--spacing-lg);padding-bottom:16px;padding-bottom:var(--spacing-md)}.today-header h2{color:#22c55e;color:var(--color-primary);font-size:18px;font-size:var(--font-size-lg);margin:0}.today-badge{background:linear-gradient(135deg,#22c55e,#16a34a);background:var(--gradient-primary);border-radius:20px;box-shadow:0 0 10px #22c55e66;box-shadow:var(--shadow-glow-sm);color:#050505;color:var(--color-bg);font-size:12px;font-size:var(--font-size-xs);font-weight:600;letter-spacing:.5px;padding:4px 16px;padding:var(--spacing-xs) var(--spacing-md);text-transform:uppercase}.calendar-day.future{cursor:not-allowed;opacity:.3}.calendar-day.future:hover{background:#1a1a1ae6;background:var(--color-bg-input);transform:none}.log-hours-layout-v2{grid-gap:24px;grid-gap:var(--spacing-lg);align-items:start;display:grid;gap:24px;gap:var(--spacing-lg);grid-template-columns:350px 1fr}.calendar-panel{position:-webkit-sticky;position:sticky;top:80px}.spreadsheet-panel{min-width:0}.calendar-month-title{color:#22c55e;color:var(--color-primary);font-size:16px;margin:0;text-align:center}.calendar-day.has-hours{animation:softPulse 3s ease-in-out infinite;background:linear-gradient(135deg,#22c55e33,#22c55e1a);box-shadow:0 0 15px #22c55e66,0 0 30px #22c55e33,inset 0 0 10px #22c55e1a}@keyframes softPulse{0%,to{box-shadow:0 0 15px #22c55e66,0 0 30px #22c55e33,inset 0 0 10px #22c55e1a}50%{box-shadow:0 0 20px #22c55e80,0 0 40px #22c55e4d,inset 0 0 15px #22c55e26}}.calendar-day.in-spreadsheet,.legend-dot.in-spreadsheet{border:2px solid #22c55e;border:2px solid var(--color-primary)}.legend-dot.in-spreadsheet{background:#0000}.expanded-hours{border-top:1px solid #22c55e33;border-top:var(--border-subtle);margin-top:16px;margin-top:var(--spacing-md);padding-top:16px;padding-top:var(--spacing-md)}.expanded-hours-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px;margin-bottom:var(--spacing-sm)}.expanded-hours-header h4{color:#22c55e;color:var(--color-primary);font-size:var(--font-size-md);margin:0}.expanded-hours-list{display:flex;flex-direction:column;gap:4px;gap:var(--spacing-xs)}.expanded-hour-entry{align-items:center;background:#1a1a1ae6;background:var(--color-bg-input);border-radius:10px;border-radius:var(--border-radius-sm);display:flex;justify-content:space-between;padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md);transition:all .2s ease}.expanded-hour-entry:hover{background:#22c55e1a}.entry-info{align-items:center;display:flex;flex-wrap:wrap;gap:8px;gap:var(--spacing-sm)}.entry-time{color:#4ade80;color:var(--color-primary-light);font-weight:500}.entry-type{background:#22c55e1a;border-radius:10px;color:#4a7c59;color:var(--color-primary-muted);font-size:12px;font-size:var(--font-size-xs);padding:2px 8px}.entry-item{color:#4ade80;color:var(--color-text-muted);font-size:14px;font-size:var(--font-size-sm)}.entry-duration{color:#22c55e;color:var(--color-primary);font-size:12px;font-size:var(--font-size-xs);font-weight:600}.spreadsheet-section{min-height:300px}.spreadsheet-header{margin-bottom:16px;margin-bottom:var(--spacing-md)}.spreadsheet-header h2{color:#22c55e;color:var(--color-primary);font-size:18px;font-size:var(--font-size-lg);margin:0 0 4px;margin:0 0 var(--spacing-xs) 0}.spreadsheet-hint{color:#4ade80;color:var(--color-text-muted);font-size:14px;font-size:var(--font-size-sm);margin:0}.spreadsheet-empty{align-items:center;background:#1a1a1ae6;background:var(--color-bg-input);border:2px dashed #333;border:2px dashed var(--color-border);border-radius:16px;border-radius:var(--border-radius);display:flex;justify-content:center;min-height:200px}.spreadsheet-empty p{color:#4ade80;color:var(--color-text-muted);text-align:center}.spreadsheet-wrapper{margin-bottom:16px;margin-bottom:var(--spacing-md);overflow-x:auto}.hours-spreadsheet{background:#111c;background:var(--color-bg-card);border:1px solid #333;border:1px solid var(--color-border);border-collapse:collapse;border-radius:16px;border-radius:var(--border-radius);overflow:hidden;width:100%}.hours-spreadsheet th{background:#111;background:var(--color-bg-card-solid);border-bottom:1px solid #333;border-bottom:1px solid var(--color-border);border-right:1px solid #333;border-right:1px solid var(--color-border);color:#4a7c59;color:var(--color-primary-muted);font-size:12px;font-size:var(--font-size-xs);font-weight:600;letter-spacing:.5px;padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md);text-align:left;text-transform:uppercase}.hours-spreadsheet th:last-child{border-right:none}.hours-spreadsheet td{background:#1a1a1ae6;background:var(--color-bg-input);border-bottom:1px solid #333;border-bottom:1px solid var(--color-border);border-right:1px solid #333;border-right:1px solid var(--color-border);padding:0;vertical-align:middle}.hours-spreadsheet td:last-child{border-right:none}.hours-spreadsheet tr:last-child td{border-bottom:none}.hours-spreadsheet tr.invalid-row td{background:#ef44441a}.date-cell{background:#111!important;background:var(--color-bg-card-solid)!important;color:#4ade80;color:var(--color-primary-light);font-weight:500;max-width:60px;padding:8px!important;padding:var(--spacing-sm) var(--spacing-sm)!important;text-align:center;white-space:nowrap;width:60px}.hours-spreadsheet td:nth-child(2){max-width:90px;width:90px}.hours-spreadsheet td:nth-child(2) .spreadsheet-select{overflow:hidden;text-overflow:ellipsis}.spreadsheet-input,.spreadsheet-select{background:#0000;border:none;border-radius:0;color:#22c55e;color:var(--color-text);font-size:14px;font-size:var(--font-size-sm);height:100%;min-height:44px;padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md);transition:all .2s ease;width:100%}.spreadsheet-input:focus,.spreadsheet-select:focus{background:#22c55e1a;outline:none}.time-input{color-scheme:dark;min-width:130px}.spreadsheet-input[type=time]::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(.5) sepia(1) saturate(5) hue-rotate(85deg) brightness(1.5);height:20px;opacity:1;width:20px}.spreadsheet-input[type=time]::-webkit-calendar-picker-indicator:hover{filter:invert(.5) sepia(1) saturate(5) hue-rotate(85deg) brightness(2);transform:scale(1.1)}.hours-spreadsheet td:last-child{max-width:44px;width:44px}.btn-remove-row{background:#ef44441a;border:none;color:#ef4444;cursor:pointer;font-size:14px;font-size:var(--font-size-sm);font-weight:600;height:100%;min-height:44px;padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md);transition:all .2s ease;width:100%}.btn-remove-row:hover{background:#ef44444d;color:#ff6b6b}.spreadsheet-actions{border-top:1px solid #22c55e33;border-top:var(--border-subtle);display:flex;gap:16px;gap:var(--spacing-md);justify-content:space-between;padding-top:16px;padding-top:var(--spacing-md)}.btn-sm{font-size:14px;font-size:var(--font-size-sm);padding:4px 8px;padding:var(--spacing-xs) var(--spacing-sm)}.btn-danger{background:#ef444433;border:1px solid #ef44444d;color:#ef4444}.btn-danger:hover{background:#ef44444d}.purchase-spreadsheet{background:#111c;background:var(--color-bg-card);border:1px solid #333;border:1px solid var(--color-border);border-collapse:collapse;border-radius:16px;border-radius:var(--border-radius);margin-bottom:16px;margin-bottom:var(--spacing-md);overflow:visible;width:100%}.purchase-spreadsheet th{background:#111;background:var(--color-bg-card-solid);border-bottom:1px solid #333;border-bottom:1px solid var(--color-border);border-right:1px solid #333;border-right:1px solid var(--color-border);color:#4a7c59;color:var(--color-primary-muted);font-size:12px;font-size:var(--font-size-xs);font-weight:600;letter-spacing:.5px;padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md);text-align:left;text-transform:uppercase;white-space:nowrap}.purchase-spreadsheet th:last-child{border-right:none}.purchase-spreadsheet td{background:#1a1a1ae6;background:var(--color-bg-input);border-bottom:1px solid #333;border-bottom:1px solid var(--color-border);border-right:1px solid #333;border-right:1px solid var(--color-border);padding:0;position:relative;vertical-align:middle}.purchase-spreadsheet td:last-child{border-right:none}.purchase-spreadsheet tr:last-child td{border-bottom:none}.purchase-spreadsheet tr.focused-row td{background:#22c55e26}.purchase-spreadsheet tr.confirmed-row td{background:#22c55e1a}.purchase-spreadsheet tr.confirmed-row td:first-child{border-left:3px solid #22c55e;border-left:3px solid var(--color-primary)}.purchase-spreadsheet .spreadsheet-input,.purchase-spreadsheet .spreadsheet-select{background:#0000;border:none;border-radius:0;color:#22c55e;color:var(--color-text);font-size:14px;font-size:var(--font-size-sm);height:100%;min-height:44px;padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md);width:100%}.purchase-spreadsheet .spreadsheet-input:focus,.purchase-spreadsheet .spreadsheet-select:focus{background:#22c55e26;outline:none}.purchase-spreadsheet td.item-cell{min-width:250px;width:auto}.purchase-spreadsheet td.qty-cell{max-width:70px;min-width:70px;width:70px}.purchase-spreadsheet td.currency-cell{max-width:90px;min-width:90px;width:90px}.purchase-spreadsheet td.currency-cell .spreadsheet-input{text-align:right}.purchase-spreadsheet td.total-cell{background:#111;background:var(--color-bg-card-solid);color:#22c55e;color:var(--color-primary);font-weight:600;min-width:90px;padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md);text-align:right;width:90px}.purchase-spreadsheet td.actions-cell{min-width:80px;padding:4px;padding:var(--spacing-xs);text-align:center;width:80px}.purchase-spreadsheet td.actions-cell button{font-size:12px;margin:0 2px;padding:4px 8px}.purchase-item-dropdown{background:#1a1a1ae6;background:var(--color-bg-input);border:1px solid #333;border:1px solid var(--color-border);border-radius:0 0 4px 4px;box-shadow:0 4px 12px #0000004d;left:0;max-height:250px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:9999}.purchase-item-dropdown-option{border-bottom:1px solid #333;border-bottom:1px solid var(--color-border);cursor:pointer;padding:8px 12px}.purchase-item-dropdown-option.highlighted,.purchase-item-dropdown-option:hover{background:#22c55e;background:var(--color-primary);color:#fff}.purchase-item-dropdown-header{background:#111;background:var(--color-bg-card-solid);border-bottom:1px solid #333;border-bottom:1px solid var(--color-border);color:#4ade80;color:var(--color-text-muted);font-size:11px;padding:6px 12px}.purchase-item-selected{align-items:center;display:flex;gap:8px;min-height:44px;padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md)}.purchase-item-selected span{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.purchase-item-selected button{background:#111;background:var(--color-bg-card-solid);border:1px solid #333;border:1px solid var(--color-border);border-radius:4px;color:#4ade80;color:var(--color-text-muted);cursor:pointer;flex-shrink:0;font-size:14px;line-height:1;padding:4px 8px}.purchase-item-selected button:hover{background:#dc2626;background:var(--color-danger);border-color:#dc2626;border-color:var(--color-danger);color:#fff}.purchase-hint{bottom:2px;color:#6b7280;color:var(--color-text-subtle);font-size:10px;pointer-events:none;position:absolute;right:4px}.purchase-unlinked-warning{color:#eab308;color:var(--color-warning);font-size:10px;padding:2px 16px;padding:2px var(--spacing-md)}.purchase-toolbar{align-items:center;display:flex;gap:16px;gap:var(--spacing-md);justify-content:space-between;margin-bottom:16px;margin-bottom:var(--spacing-md)}.quick-add-select{background:#1a1a1ae6;background:var(--color-bg-input);border:1px solid #333;border:1px solid var(--color-border);border-radius:16px;border-radius:var(--border-radius);color:#22c55e;color:var(--color-text);min-width:200px;padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md)}.fill-indicator{align-items:center;color:#4ade80;color:var(--color-text-muted);display:inline-flex;font-size:11px;gap:4px}.fill-bar{background:#111;background:var(--color-bg-card-solid);border-radius:4px;height:8px;overflow:hidden;width:40px}.fill-bar-inner{background:#22c55e;background:var(--color-primary);height:100%;transition:width .3s ease}.fill-bar-inner.low{background:#eab308;background:var(--color-warning)}.fill-bar-inner.empty{background:#dc2626;background:var(--color-danger)}.cashbox-totals{grid-gap:16px;grid-gap:var(--spacing-md);display:grid;gap:16px;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-bottom:24px;margin-bottom:var(--spacing-lg)}.denomination-card{background:linear-gradient(145deg,#1e1e1e99,#111c);background:var(--gradient-card);border:1px solid #22c55e33;border:var(--border-subtle);border-radius:0;box-shadow:0 2px 8px #0000004d;box-shadow:var(--shadow-sm);-webkit-clip-path:polygon(0 12px,12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px));clip-path:polygon(0 12px,12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px));-webkit-clip-path:var(--clip-notched);clip-path:var(--clip-notched);padding:16px;padding:var(--spacing-md);text-align:center;transition:all .3s ease}.denomination-card:hover{border-color:#22c55e66;transform:translateY(-2px)}.denomination-card .label{color:#4ade80;color:var(--color-primary-light);font-size:14px;font-size:var(--font-size-sm);margin-bottom:4px;margin-bottom:var(--spacing-xs)}.denomination-card .count{color:#22c55e;color:var(--color-primary);font-size:24px;font-size:var(--font-size-xl);font-weight:700;text-shadow:0 0 10px #22c55e66;text-shadow:0 0 10px var(--color-primary-glow)}.denomination-card .value{color:#4a7c59;color:var(--color-primary-muted);font-size:12px;font-size:var(--font-size-xs)}.cashbox-total{background:linear-gradient(135deg,#22c55e,#16a34a);background:var(--gradient-primary);border-radius:16px;border-radius:var(--border-radius);box-shadow:0 8px 32px #00000080,0 0 20px #22c55e66;box-shadow:var(--shadow-lg),var(--shadow-glow);color:#050505;color:var(--color-bg);font-size:32px;font-size:var(--font-size-2xl);font-weight:700;padding:24px;padding:var(--spacing-lg);text-align:center}.denomination-inputs{grid-gap:16px;grid-gap:var(--spacing-md);display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.denomination-inputs,.transaction-type-toggle{gap:16px;gap:var(--spacing-md);margin-bottom:16px;margin-bottom:var(--spacing-md)}.transaction-type-toggle{display:flex}.transaction-type-btn{background:#1a1a1ae6;background:var(--color-bg-input);border:1px solid #22c55e66;border:var(--border-medium);border-radius:10px;border-radius:var(--border-radius-sm);color:#22c55e;color:var(--color-primary);cursor:pointer;flex:1 1;font-weight:600;min-height:44px;padding:16px;padding:var(--spacing-md);transition:all .3s ease}.transaction-type-btn.active{background:linear-gradient(135deg,#22c55e,#16a34a);background:var(--gradient-primary);border-color:#0000;box-shadow:0 0 10px #22c55e66;box-shadow:var(--shadow-glow-sm);color:#050505;color:var(--color-bg)}.transaction-type-btn.remove.active{background:linear-gradient(135deg,#dc2626,#b91c1c);border-color:#0000;box-shadow:0 0 15px #dc26264d;box-shadow:0 0 15px var(--color-danger-glow);color:#fff}.pending-transaction{background:linear-gradient(145deg,#1e1e1e99,#111c);background:var(--gradient-card);border:1px solid #22c55e33;border:var(--border-subtle);border-radius:8px 24px 8px 24px;border-radius:var(--radius-asymmetric-alt);box-shadow:0 2px 8px #0000004d;box-shadow:var(--shadow-sm);margin-bottom:16px;margin-bottom:var(--spacing-md);padding:16px;padding:var(--spacing-md)}.status-badge{border-radius:20px;display:inline-block;font-size:12px;font-size:var(--font-size-xs);font-weight:600;letter-spacing:.5px;padding:4px 16px;padding:var(--spacing-xs) var(--spacing-md);text-transform:uppercase;white-space:nowrap}.status-badge.pending{background:linear-gradient(135deg,#eab308,#ca8a04);box-shadow:0 0 10px #eab3084d;color:#050505;color:var(--color-bg)}.status-badge.approved{background:linear-gradient(135deg,#22c55e,#16a34a);background:var(--gradient-primary);box-shadow:0 0 10px #22c55e66;box-shadow:var(--shadow-glow-sm);color:#050505;color:var(--color-bg)}.status-badge.rejected{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 0 10px #dc26264d;box-shadow:0 0 10px var(--color-danger-glow);color:#fff}.status-badge.completed{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 0 10px #3b82f64d;box-shadow:0 0 10px var(--color-info-glow);color:#fff}.tab-nav{-webkit-overflow-scrolling:touch;background:#0000004d;border-radius:10px;border-radius:var(--border-radius-sm);display:flex;gap:8px;gap:var(--spacing-sm);margin-bottom:24px;margin-bottom:var(--spacing-lg);overflow-x:auto;padding:8px;padding:var(--spacing-sm)}.tab-nav button{background:#1a1a1ae6;background:var(--color-bg-input);border:1px solid #22c55e66;border:var(--border-medium);border-radius:10px;border-radius:var(--border-radius-sm);color:#22c55e;color:var(--color-primary);cursor:pointer;font-size:14px;font-size:var(--font-size-sm);font-weight:500;min-height:44px;padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md);transition:all .3s ease;white-space:nowrap}.tab-nav button:hover{background:#22c55e1a}.tab-nav button.active{border-color:#0000;box-shadow:0 0 10px #22c55e66;box-shadow:var(--shadow-glow-sm)}.btn-approve,.tab-nav button.active{background:linear-gradient(135deg,#22c55e,#16a34a);background:var(--gradient-primary);color:#050505;color:var(--color-bg)}.btn-approve:hover{box-shadow:0 0 20px #22c55e66;box-shadow:var(--shadow-glow)}.btn-reject{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff}.btn-reject:hover{box-shadow:0 0 20px #dc26264d;box-shadow:0 0 20px var(--color-danger-glow)}.action-buttons{display:flex;flex-wrap:wrap;gap:8px;gap:var(--spacing-sm);margin-top:16px;margin-top:var(--spacing-md)}select.input{-webkit-appearance:none;appearance:none;background-color:#1a1a1ae6;background-color:var(--color-bg-input);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%2322c55e' d='M6 8 1 3h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;border:1px solid #22c55e66;border:var(--border-medium);padding-right:36px}select.input,select.input option{color:#22c55e;color:var(--color-primary)}select.input option{background-color:#111;background-color:var(--color-bg-card-solid)}textarea.input{background-color:#1a1a1ae6;background-color:var(--color-bg-input);border:1px solid #22c55e66;border:var(--border-medium);color:#22c55e;color:var(--color-primary);min-height:80px;resize:vertical}.session-card{background:linear-gradient(145deg,#1e1e1e99,#111c);background:var(--gradient-card);border:1px solid #22c55e33;border:var(--border-subtle);border-radius:8px 24px 8px 24px;border-radius:var(--radius-asymmetric-alt);box-shadow:0 2px 8px #0000004d;box-shadow:var(--shadow-sm);cursor:pointer;margin-bottom:16px;margin-bottom:var(--spacing-md);overflow:hidden;padding:16px;padding:var(--spacing-md);position:relative;transition:all .3s ease}.session-card:before{background:linear-gradient(135deg,#22c55e,#16a34a);background:var(--gradient-primary);bottom:0;content:"";left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:3px}.session-card:hover:before{opacity:1}.session-card:hover{border-color:#22c55e;border-color:var(--color-primary);box-shadow:0 4px 16px #0006;box-shadow:var(--shadow-md);transform:translateX(4px)}.sessions-list{gap:16px;gap:var(--spacing-md)}.pos-container,.sessions-list{display:flex;flex-direction:column}.pos-container{background:#050505;background:var(--color-bg);background-image:radial-gradient(ellipse at center,#22c55e26 0,#0000 70%);background-image:var(--gradient-glow);height:100vh;height:100dvh;overflow:hidden}.pos-header{align-items:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);-webkit-backdrop-filter:var(--blur-md);backdrop-filter:var(--blur-md);background:linear-gradient(180deg,#111111e6,#050505f2);background:var(--gradient-dark);border-bottom:1px solid #22c55e33;border-bottom:var(--border-subtle);box-shadow:0 4px 16px #0006;box-shadow:var(--shadow-md);display:flex;justify-content:space-between}.pos-header,.pos-message{flex-shrink:0;padding:16px 24px;padding:var(--spacing-md) var(--spacing-lg)}.pos-message{font-weight:600;text-align:center}.pos-message.error{background:linear-gradient(90deg,#dc2626,#b91c1c);color:#fff}.pos-message.success{background:linear-gradient(135deg,#22c55e,#16a34a);background:var(--gradient-primary);color:#050505;color:var(--color-bg)}.pos-main{display:flex;flex:1 1;min-height:0;overflow:hidden}.pos-menu{-webkit-overflow-scrolling:touch;flex:2 1;overflow-y:auto;padding:16px;padding:var(--spacing-md)}.pos-menu-grid{grid-gap:16px;grid-gap:var(--spacing-md);display:grid;gap:16px;gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.pos-fixed-grid{grid-gap:6px!important;display:grid!important;gap:6px!important;grid-template-columns:repeat(4,minmax(80px,1fr))!important;grid-template-rows:repeat(3,minmax(70px,1fr))!important;height:100%!important;min-height:200px!important;width:100%!important}.pos-fixed-grid .pos-item-btn{font-size:12px;min-height:0!important;padding:4px!important}.pos-fixed-grid .pos-item-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:11px;line-height:1.2;overflow:hidden;text-overflow:ellipsis}.pos-fixed-grid .pos-item-price{font-size:13px}@media (max-width:400px){.pos-fixed-grid{gap:4px!important}.pos-fixed-grid .pos-item-btn{padding:3px!important}.pos-fixed-grid .pos-item-name{font-size:10px}.pos-fixed-grid .pos-item-price{font-size:11px}}.pos-item-btn{-webkit-tap-highlight-color:transparent;align-items:center;background:linear-gradient(145deg,#1e1e1e99,#111c);background:var(--gradient-card);border:2px solid #22c55e66;border-radius:20px 6px 20px 6px;box-shadow:0 2px 8px #0000004d;box-shadow:var(--shadow-sm);cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:85px;overflow:hidden;padding:16px 8px;padding:var(--spacing-md) var(--spacing-sm);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.pos-item-btn:before{background:radial-gradient(ellipse at center,#22c55e1a 0,#0000 70%);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.pos-item-btn:hover:before{opacity:1}.pos-item-btn:hover{border-color:#22c55e;border-color:var(--color-primary);box-shadow:0 4px 16px #0006,0 0 10px #22c55e66;box-shadow:var(--shadow-md),var(--shadow-glow-sm);transform:translateY(-4px) scale(1.02)}.pos-item-btn:active{transform:translateY(-2px) scale(1.01)}.pos-item-btn.has-submenu{border-style:dashed}.pos-item-btn.edit-mode{background:linear-gradient(135deg,#f59e0b1a,#f59e0b0d);border-color:#f59e0b}.pos-item-btn.edit-mode:hover{background:#f59e0b33;box-shadow:0 0 20px #f59e0b4d}.pos-item-btn.drag-over{background:#22c55e4d;border-color:#22c55e;border-color:var(--color-primary);box-shadow:0 0 20px #22c55e66;box-shadow:var(--shadow-glow);transform:scale(1.05)}.pos-item-btn.stock-low{background:linear-gradient(135deg,#eab30826,#eab3080d);border-color:#eab308}.pos-item-btn.stock-low:hover{border-color:#facc15;box-shadow:0 0 15px #eab3084d}.pos-item-btn.stock-out{background:linear-gradient(135deg,#64646433,#6464641a);border-color:#666;opacity:.6}.pos-item-btn.stock-out:hover{border-color:#888;opacity:.8}.pos-stock-badge{background:#0009;border-radius:3px;color:#9ca3af;font-size:9px;font-weight:600;padding:1px 4px;position:absolute;right:3px;top:3px;z-index:2}.pos-stock-badge.low{background:#eab30833;color:#eab308}.pos-stock-badge.out{background:#ef444433;color:#ef4444}.pos-stock-badge.ok{color:#6b7280}.pos-item-name{color:#22c55e;color:var(--color-primary);font-size:14px;font-size:var(--font-size-sm);font-weight:600;line-height:1.2;position:relative;text-align:center;z-index:1}.pos-item-price{color:#4ade80;color:var(--color-primary-light);font-size:16px;font-size:var(--font-size-base);font-weight:700;margin-top:4px;margin-top:var(--spacing-xs);position:relative;z-index:1}.pos-item-submenu-indicator{color:#4a7c59;color:var(--color-primary-muted);font-size:20px;margin-top:4px;margin-top:var(--spacing-xs)}.pos-item-qty{align-items:center;background:linear-gradient(135deg,#22c55e,#16a34a);background:var(--gradient-primary);border-radius:50%;box-shadow:0 2px 8px #0000004d,0 0 10px #22c55e66;box-shadow:var(--shadow-sm),var(--shadow-glow-sm);color:#050505;color:var(--color-bg);display:flex;font-size:14px;font-size:var(--font-size-sm);font-weight:700;height:28px;justify-content:center;position:absolute;right:-8px;top:-8px;width:28px;z-index:2}.pos-order{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);-webkit-backdrop-filter:var(--blur-sm);backdrop-filter:var(--blur-sm);background:linear-gradient(180deg,#111111e6,#050505f2);background:var(--gradient-dark);border-left:1px solid #22c55e33;border-left:var(--border-subtle);display:flex;flex:1 1;flex-direction:column;max-width:350px;min-width:280px;padding:16px;padding:var(--spacing-md)}.pos-order-items{-webkit-overflow-scrolling:touch;flex:1 1;margin-bottom:16px;margin-bottom:var(--spacing-md);min-height:0;overflow-y:auto}.pos-order-item{align-items:center;border-bottom:1px solid #22c55e26;display:flex;gap:8px;gap:var(--spacing-sm);justify-content:space-between;padding:8px 4px;padding:var(--spacing-sm) var(--spacing-xs);transition:background .2s ease}.pos-order-item:hover{background:#22c55e0d}.pos-order-item-info{align-items:center;display:flex;flex:1 1;gap:8px;gap:var(--spacing-sm);min-width:0}.pos-order-item-qty{color:#4ade80;color:var(--color-primary-light);flex-shrink:0;font-weight:600}.pos-order-item-name{color:#22c55e;color:var(--color-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pos-order-item-actions{align-items:center;display:flex;flex-shrink:0;gap:8px;gap:var(--spacing-sm)}.pos-order-item-price{color:#4ade80;color:var(--color-primary-light);font-weight:600;white-space:nowrap}.pos-qty-btn{-webkit-tap-highlight-color:transparent;align-items:center;background:#1a1a1ae6;background:var(--color-bg-input);border:1px solid #22c55e66;border:var(--border-medium);border-radius:6px;color:#22c55e;color:var(--color-primary);cursor:pointer;display:flex;font-size:18px;font-size:var(--font-size-lg);font-weight:700;height:44px;justify-content:center;transition:all .2s ease;width:44px}.pos-qty-btn:active,.pos-qty-btn:hover{background:linear-gradient(135deg,#22c55e,#16a34a);background:var(--gradient-primary);border-color:#0000;box-shadow:0 0 10px #22c55e66;box-shadow:var(--shadow-glow-sm);color:#050505;color:var(--color-bg)}.pos-order-totals{border-top:2px solid #22c55e;border-top:2px solid var(--color-primary);flex-shrink:0;padding-top:16px;padding-top:var(--spacing-md)}.pos-total-row{color:#4ade80;color:var(--color-primary-light);display:flex;justify-content:space-between;padding:8px 0;padding:var(--spacing-sm) 0}.pos-total-row:last-child{color:#22c55e;color:var(--color-primary);font-size:18px;font-size:var(--font-size-lg);font-weight:700}.pos-payment{margin:16px 0;margin:var(--spacing-md) 0}.pos-payment input{margin-top:4px;margin-top:var(--spacing-xs)}.pos-actions{display:flex;gap:8px;gap:var(--spacing-sm);margin-top:16px;margin-top:var(--spacing-md)}.pos-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);-webkit-backdrop-filter:var(--blur-md);backdrop-filter:var(--blur-md);background:#000000e6;bottom:0;display:flex;justify-content:center;left:0;padding:16px;padding:var(--spacing-md);position:fixed;right:0;top:0;z-index:100}.pos-modal{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);-webkit-backdrop-filter:var(--blur-sm);backdrop-filter:var(--blur-sm);background:linear-gradient(145deg,#1e1e1e99,#111c);background:var(--gradient-card);border:1px solid #22c55e;border:var(--border-strong);border-radius:24px;border-radius:var(--border-radius-lg);box-shadow:0 8px 32px #00000080,0 0 20px #22c55e66;box-shadow:var(--shadow-lg),var(--shadow-glow);max-height:90vh;max-width:400px;overflow-y:auto;padding:24px;padding:var(--spacing-lg);width:100%}.pos-submenu-grid{grid-gap:16px;grid-gap:var(--spacing-md);display:grid;gap:16px;gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.purchase-row{transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease}.purchase-row:focus{outline:none}.purchase-row-focused{border-color:#22c55e!important;border-color:var(--color-primary)!important;box-shadow:0 0 0 2px #22c55e4d}.purchase-row-confirmed{background:#22c55e1a!important;border-left:4px solid #22c55e!important;border-left:4px solid var(--color-primary)!important}.purchase-row-confirmed input,.purchase-row-confirmed select{background:#22c55e0d}.pos-edit-container{display:flex;flex:1 1;flex-direction:row;overflow:hidden}.pos-edit-grid-area{flex:1 1;overflow:auto}.pos-item-bank{background:#111;background:var(--color-bg-card-solid);border-left:1px solid #2a2a2a;border-left:1px solid var(--inline-border);display:flex;flex-direction:column;max-width:200px;min-width:150px;overflow:hidden;width:180px}.pos-item-bank-header{align-items:center;background:#1e1e1ef2;background:var(--color-bg-elevated);border-bottom:1px solid #2a2a2a;border-bottom:1px solid var(--inline-border);color:#4ade80;display:flex;font-size:11px;font-weight:600;justify-content:space-between;letter-spacing:.5px;padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md);text-transform:uppercase}.pos-item-bank-items{flex:1 1;flex-direction:column;overflow-y:auto;padding:8px}.pos-bank-item,.pos-item-bank-items{display:flex;gap:8px;gap:var(--spacing-sm)}.pos-bank-item{align-items:center;background:#1e1e1ef2;background:var(--color-bg-elevated);border:1px solid #3a5a3a;border-radius:6px;cursor:grab;justify-content:space-between;padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md);transition:all .2s ease}.pos-bank-item:hover{background:#22c55e1a;border-color:#22c55e;border-color:var(--color-primary)}.pos-bank-item:active{cursor:grabbing}.pos-bank-item-name{color:#4ade80;flex:1 1;font-size:12px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pos-bank-item-price{color:#4a7c59;flex-shrink:0;font-size:11px}.time-inputs{grid-gap:16px;grid-gap:var(--spacing-md);display:grid;gap:16px;gap:var(--spacing-md);grid-template-columns:repeat(2,1fr)}.welcome-text{color:#4ade80;color:var(--color-primary-light);font-size:14px;font-size:var(--font-size-sm)}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);-webkit-backdrop-filter:var(--blur-md);backdrop-filter:var(--blur-md);background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;padding:16px;padding:var(--spacing-md);position:fixed;right:0;top:0;z-index:100}.modal{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);-webkit-backdrop-filter:var(--blur-sm);backdrop-filter:var(--blur-sm);background:linear-gradient(145deg,#1e1e1e99,#111c);background:var(--gradient-card);border:1px solid #22c55e;border:var(--border-strong);border-radius:24px;border-radius:var(--border-radius-lg);box-shadow:0 8px 32px #00000080,0 0 20px #22c55e66;box-shadow:var(--shadow-lg),var(--shadow-glow);max-height:90vh;max-width:500px;overflow-y:auto;padding:24px;padding:var(--spacing-lg);width:100%}.modal h2{color:#22c55e;color:var(--color-primary);margin-bottom:16px;margin-bottom:var(--spacing-md)}.modal-actions{display:flex;gap:16px;gap:var(--spacing-md);margin-top:24px;margin-top:var(--spacing-lg)}.modal-actions .btn{flex:1 1}.stat-card-primary{background:linear-gradient(145deg,#22c55e33,#15803d26);border-color:#22c55e;border-color:var(--color-primary)}.stat-card-primary .stat-value{color:#22c55e;color:var(--color-primary);font-size:2rem}@media (min-width:768px) and (max-width:1024px){.container{padding:24px;padding:var(--spacing-lg)}.menu-grid{grid-template-columns:repeat(3,1fr)}.cashbox-totals,.denomination-inputs,.pos-menu-grid{grid-template-columns:repeat(4,1fr)}.pos-order{min-width:300px}}@media (min-width:1024px){.container{padding:32px;padding:var(--spacing-xl)}.page-title{font-size:28px}.menu-grid{gap:32px;gap:var(--spacing-xl);grid-template-columns:repeat(4,1fr)}.menu-card{padding:32px 24px;padding:var(--spacing-xl) var(--spacing-lg)}.cashbox-totals,.denomination-inputs{grid-template-columns:repeat(7,1fr)}.pos-menu-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.pos-item-btn{min-height:95px}.pos-order{max-width:400px;min-width:320px}.time-inputs{grid-template-columns:repeat(2,1fr)}.tab-nav button{padding:16px 24px;padding:var(--spacing-md) var(--spacing-lg)}}@media (max-width:767px){:root{--spacing-lg:16px;--spacing-xl:24px;--border-radius:12px;--border-radius-lg:16px}.container{max-width:100%}.card,.container{box-sizing:border-box;padding:16px;padding:var(--spacing-md);width:100%}.page-title{font-size:18px;font-size:var(--font-size-lg);margin-bottom:16px;margin-bottom:var(--spacing-md)}.page-title:after{width:40px}body,html{height:100%}body{margin:0;overflow:hidden;padding:0}.page-wrapper,body{box-sizing:border-box}.page-wrapper{background:blue;height:100vh;height:100dvh;padding-top:56px}.nav{background:#111c;background:var(--color-bg-card);box-sizing:border-box;height:56px;left:0;padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md);position:fixed;right:0;top:0;z-index:1000}.nav:has(.nav-links.open){height:auto}.container,.container-medium,.container-narrow,.dashboard-layout{-webkit-overflow-scrolling:touch;box-sizing:border-box;height:100vh;overflow-y:auto;padding-top:56px!important}.nav-header{width:100%}.nav-toggle{display:block}.nav-brand{font-size:16px;font-size:var(--font-size-base)}.nav-links,.welcome-text{display:none}.nav-links{background:linear-gradient(180deg,#111111e6,#050505f2);background:var(--gradient-dark);border-top:1px solid #22c55e33;border-top:var(--border-subtle);flex-direction:column;gap:4px;gap:var(--spacing-xs);margin-top:8px;margin-top:var(--spacing-sm);padding-top:8px;padding-top:var(--spacing-sm);width:100%}.nav-links.open{display:flex}.nav-link{font-size:14px;font-size:var(--font-size-sm);padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md);text-align:center;width:100%}.nav-link:after{display:none}.logout-btn,.theme-toggle-btn{text-align:center;width:100%}.menu-grid{gap:16px;gap:var(--spacing-md);grid-template-columns:repeat(2,1fr)}.menu-card{padding:24px 16px;padding:var(--spacing-lg) var(--spacing-md)}.menu-card-icon{font-size:36px;margin-bottom:8px;margin-bottom:var(--spacing-sm)}.menu-card-title{font-size:14px;font-size:var(--font-size-sm)}.time-inputs{grid-template-columns:1fr}.denomination-inputs,.stats-grid{grid-template-columns:repeat(2,1fr)}.denomination-inputs{gap:8px;gap:var(--spacing-sm)}.denomination-inputs .form-group{margin-bottom:0}.cashbox-totals{gap:8px;gap:var(--spacing-sm);grid-template-columns:repeat(2,1fr)}.denomination-card{padding:8px;padding:var(--spacing-sm)}.denomination-card .count{font-size:18px;font-size:var(--font-size-lg)}.cashbox-total{font-size:24px;font-size:var(--font-size-xl);padding:16px;padding:var(--spacing-md)}.tab-nav{gap:4px;gap:var(--spacing-xs);margin-bottom:16px;margin-bottom:var(--spacing-md)}.tab-nav button{flex:1 1;min-width:auto;padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md)}.tab-nav button,table{font-size:12px;font-size:var(--font-size-xs)}table{min-width:400px}td,th{padding:12px 10px}.btn{font-size:14px;font-size:var(--font-size-sm);width:100%}.btn,.btn-small{padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md)}.btn-small{width:auto}.action-buttons{flex-direction:column}.action-buttons .btn{width:100%}.session-card{padding:16px;padding:var(--spacing-md)}.cashbox-container{display:flex;flex-direction:column;height:calc(100vh - 56px);max-width:100%;overflow:hidden;padding:0;width:100%}.cashbox-container .page-title{background:#050505;background:var(--color-bg);flex-shrink:0;margin:0;padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md)}.cashbox-container>.card{border-radius:0;box-sizing:border-box;margin:0;width:100%}.cashbox-container .sessions-list{-webkit-overflow-scrolling:touch;box-sizing:border-box;flex:1 1;min-height:0;overflow-y:auto;padding:8px;padding:var(--spacing-sm);width:100%}.action-card{align-items:center;display:flex;justify-content:center;min-height:80px}.calendar-day{min-height:45px}.calendar-day,.day-number{font-size:12px;font-size:var(--font-size-xs)}.day-hours{font-size:10px}.log-hours-layout{grid-template-columns:1fr}.log-hours-container{background:green;box-sizing:border-box;display:flex;flex-direction:column;gap:0;height:calc(100vh - 56px)!important;height:calc(100dvh - 56px)!important;max-width:100%;overflow:hidden;padding:0!important;width:100%}.log-hours-container>*{margin-bottom:0;margin-top:0}.log-hours-container .page-title{background:red;color:#fff;flex-shrink:0;line-height:1.2;margin:0!important;padding:16px;padding:var(--spacing-md)}.log-hours-container .page-title:after{content:none!important;display:none!important}.log-hours-layout-v2{background:orange;display:flex;flex:1 1;flex-direction:column;gap:0;min-height:0}.calendar-panel,.log-hours-layout-v2{margin:0!important;overflow:hidden;padding:0!important}.calendar-panel{background:#ff0;flex-shrink:0;width:100%}.calendar-panel .card{border-radius:0;box-sizing:border-box;margin:0!important;padding:0!important;width:100%}.calendar-container{box-sizing:border-box;margin:0;padding:0 8px;padding:0 var(--spacing-sm);width:100%}.calendar-grid{margin:0 auto;width:100%}.calendar-grid.compact{max-width:100%}.spreadsheet-panel{-webkit-overflow-scrolling:touch;background:purple;flex:1 1;min-height:0;overflow-y:auto;padding-bottom:24px;padding-bottom:var(--spacing-lg)}.spreadsheet-panel .card{border-radius:0;box-sizing:border-box;margin:0;padding:8px;padding:var(--spacing-sm);width:100%}.calendar-header{align-items:center;display:flex;justify-content:space-between;margin:0 0 4px;margin:0 0 var(--spacing-xs) 0;padding:0}.calendar-header .btn{min-width:44px;width:auto}.calendar-month-title{font-size:14px;font-size:var(--font-size-sm)}.spreadsheet-wrapper{overflow-x:auto}.hours-spreadsheet{min-width:480px}.time-input{min-width:120px}.spreadsheet-actions{flex-direction:column}.spreadsheet-actions .btn{width:100%}.entry-info{align-items:flex-start;flex-direction:column;gap:4px;gap:var(--spacing-xs)}.calendar-legend{flex-wrap:wrap;font-size:10px;gap:8px;gap:var(--spacing-sm)}.cashbox-container{box-sizing:border-box;height:100%;padding:0 8px!important;padding:0 var(--spacing-sm)!important}.cashbox-container .page-title{margin-bottom:8px;margin-bottom:var(--spacing-sm)}.pos-container{height:100vh;height:100dvh}.pos-header{flex-wrap:wrap;padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md)}.pos-header h1{font-size:14px!important;font-size:var(--font-size-sm)!important}.pos-header p{font-size:10px!important}.pos-header-stats{display:none!important}.pos-header-actions{justify-content:flex-end;width:100%}.pos-header-actions .btn{font-size:11px;min-height:32px;padding:6px 10px}.pos-main{flex-direction:column}.pos-menu{flex:1 1;min-height:0}.pos-menu,.pos-order{padding:8px;padding:var(--spacing-sm)}.pos-order{border-left:none;border-top:1px solid #22c55e33;border-top:var(--border-subtle);flex:none;height:auto;max-height:45vh;max-width:none;min-width:auto}.pos-order h2{font-size:14px!important;font-size:var(--font-size-sm)!important}.pos-menu-grid{gap:8px;gap:var(--spacing-sm);grid-template-columns:repeat(3,1fr)}.pos-item-btn{border-width:1px;min-height:70px;padding:8px 4px;padding:var(--spacing-sm) var(--spacing-xs)}.pos-item-name{font-size:12px;font-size:var(--font-size-xs)}.pos-item-price{font-size:14px;font-size:var(--font-size-sm)}.pos-item-qty{font-size:12px;font-size:var(--font-size-xs);height:22px;right:-6px;top:-6px;width:22px}.pos-order-items{margin-bottom:8px;margin-bottom:var(--spacing-sm)}.pos-order-item{padding:4px 0;padding:var(--spacing-xs) 0}.pos-order-item-name{font-size:12px;font-size:var(--font-size-xs)}.pos-qty-btn{font-size:16px;font-size:var(--font-size-base);height:40px;width:40px}.pos-order-totals{padding-top:8px;padding-top:var(--spacing-sm)}.pos-total-row{font-size:14px;font-size:var(--font-size-sm);padding:4px 0;padding:var(--spacing-xs) 0}.pos-payment{margin:8px 0;margin:var(--spacing-sm) 0}.pos-payment label{font-size:12px;font-size:var(--font-size-xs)}.pos-actions{gap:4px;gap:var(--spacing-xs);margin-top:8px;margin-top:var(--spacing-sm)}.pos-actions .btn{font-size:14px;font-size:var(--font-size-sm);padding:8px;padding:var(--spacing-sm)}.pos-modal{max-height:85vh;padding:16px;padding:var(--spacing-md)}.pos-submenu-grid{grid-template-columns:repeat(3,1fr)}.pos-edit-container{flex-direction:column}.pos-edit-grid-area{flex:1 1;min-height:0}.pos-edit-grid{gap:6px!important;grid-template-columns:repeat(3,1fr)!important;grid-template-rows:repeat(4,1fr)!important;padding:8px!important}.pos-item-bank{border-left:none;border-top:1px solid #2a2a2a;max-height:30vh;min-width:auto;width:100%}.pos-item-bank-header{padding:6px 12px}.pos-item-bank-items{-webkit-overflow-scrolling:touch;flex-direction:row;flex-wrap:wrap;gap:6px;overflow-x:auto;padding:6px}.pos-bank-item{flex:0 0 auto;min-width:80px;padding:6px 10px}.pos-bank-item-name{font-size:11px}.pos-bank-item-price{font-size:10px}.pos-grid-cell{min-height:60px!important}}.hours-table-mobile{display:none}.hours-table-desktop{display:block}@media (max-width:767px){.hours-table-mobile{display:flex;flex-direction:column;gap:8px;gap:var(--spacing-sm);padding:8px;padding:var(--spacing-sm)}.hours-table-desktop{display:none}.hours-entry-card{background:#1a1a1ae6;background:var(--color-bg-input);border:1px solid #22c55e33;border:var(--border-subtle);border-radius:10px;border-radius:var(--border-radius-sm);padding:16px;padding:var(--spacing-md)}.hours-entry-card:active{background:#22c55e1a}.hours-entry-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:8px;margin-bottom:var(--spacing-sm)}.hours-entry-date{color:#22c55e;color:var(--color-primary);font-size:14px;font-size:var(--font-size-sm);font-weight:600}.hours-entry-duration{background:linear-gradient(135deg,#22c55e,#16a34a);background:var(--gradient-primary);border-radius:12px;color:#050505;color:var(--color-bg);font-size:12px;font-size:var(--font-size-xs);font-weight:600;padding:2px 8px}.hours-entry-times{color:#4ade80;color:var(--color-primary-light);font-size:14px;font-size:var(--font-size-sm)}.hours-entry-item,.hours-entry-times{margin-bottom:8px;margin-bottom:var(--spacing-sm)}.hours-entry-item{color:#4a7c59;color:var(--color-primary-muted);font-size:12px;font-size:var(--font-size-xs)}.hours-entry-actions{border-top:1px solid #22c55e1a;display:flex;gap:8px;gap:var(--spacing-sm);padding-top:8px;padding-top:var(--spacing-sm)}.hours-entry-actions .btn{flex:1 1;font-size:14px;font-size:var(--font-size-sm);min-height:40px}.modal-overlay{align-items:flex-end;padding:8px;padding:var(--spacing-sm)}.modal{border-radius:24px 24px 0 0;border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0;max-height:85vh;max-width:none;padding:16px;padding:var(--spacing-md);width:100%}.modal h2{font-size:18px;font-size:var(--font-size-lg)}.modal .form-group{margin-bottom:8px;margin-bottom:var(--spacing-sm)}.modal .form-group label{font-size:12px;font-size:var(--font-size-xs);margin-bottom:4px}.modal .input{font-size:16px;font-size:var(--font-size-base)}.modal-actions{display:flex;gap:8px;gap:var(--spacing-sm);margin-top:16px;margin-top:var(--spacing-md)}.modal-actions .btn{flex:1 1;min-height:48px}}@media (max-width:480px){.modal,.pos-modal{max-width:95vw}.card,.modal,.pos-modal{padding:16px;padding:var(--spacing-md)}.menu-card{padding:24px 16px;padding:var(--spacing-lg) var(--spacing-md)}}@media (max-width:374px){.menu-grid{grid-template-columns:1fr}.stats-grid{gap:8px;gap:var(--spacing-sm)}.cashbox-totals,.denomination-inputs,.stats-grid{grid-template-columns:1fr 1fr}.pos-menu-grid{grid-template-columns:repeat(2,1fr)}.pos-item-btn{min-height:80px}.pos-submenu-grid{grid-template-columns:repeat(2,1fr)}.tab-nav{flex-direction:column}.tab-nav button{width:100%}}@media (max-width:896px) and (orientation:landscape){.pos-main{flex-direction:row}.pos-menu{flex:1 1;max-height:none}.pos-order{border-left:1px solid #22c55e33;border-left:var(--border-subtle);border-top:none;flex:none;max-height:none;width:280px}.pos-menu-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}}@media (hover:none) and (pointer:coarse){.btn:hover,.menu-card:hover,.pos-item-btn:hover,.session-card:hover{transform:none}.btn:active,.menu-card:active,.pos-item-btn:active{transform:scale(.98)}.btn,.input{min-height:48px}.pos-qty-btn{height:40px;width:40px}}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{animation:skeleton-shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#1a1a1ae6 25%,#1e1e1ef2 50%,#1a1a1ae6 75%);background:linear-gradient(90deg,var(--color-bg-input) 25%,var(--color-bg-elevated) 50%,var(--color-bg-input) 75%);background-size:200% 100%;border-radius:10px;border-radius:var(--border-radius-sm)}.skeleton-text{height:1em;margin-bottom:.5em}.skeleton-card{height:120px}.skeleton-avatar{border-radius:50%;height:48px;width:48px}.skeleton-button{height:44px;width:120px}.empty-state{color:#4ade80;color:var(--color-text-muted);padding:32px;padding:var(--spacing-xl);text-align:center}.empty-state-icon{font-size:48px;margin-bottom:16px;margin-bottom:var(--spacing-md);opacity:.5}.empty-state-title{color:#22c55e;color:var(--color-primary);font-size:18px;font-size:var(--font-size-lg);margin-bottom:8px;margin-bottom:var(--spacing-sm)}.empty-state-message{color:#6b7280;color:var(--color-text-subtle);font-size:14px;font-size:var(--font-size-sm)}.input:invalid:not(:placeholder-shown){border-color:#dc2626;border-color:var(--color-danger)}.input:valid:not(:placeholder-shown){border-color:#22c55e;border-color:var(--color-primary)}.input[aria-invalid=true]{border-color:#dc2626;border-color:var(--color-danger);box-shadow:0 0 0 3px #dc262633}tbody tr{transition:background-color .15s ease;transition:background-color var(--transition-fast) ease}tbody tr:hover{background:#22c55e0d}[data-theme=light] tbody tr:hover{background:#16a34a14}@keyframes spin{to{transform:rotate(1turn)}}.btn.is-loading{color:#0000;pointer-events:none;position:relative}.btn.is-loading:after{animation:spin .6s linear infinite;border:2px solid #050505;border:2px solid var(--color-bg);border-radius:50%;border-right:2px solid #0000;content:"";height:16px;left:50%;margin:-8px 0 0 -8px;position:absolute;top:50%;width:16px}.btn-danger.is-loading:after,.btn-secondary.is-loading:after{border-color:#22c55e;border-color:var(--color-primary);border-right-color:#0000}@keyframes modal-fade-in{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes overlay-fade-in{0%{opacity:0}to{opacity:1}}.modal,.pos-modal{animation:modal-fade-in .25s cubic-bezier(.4,0,.2,1);animation:modal-fade-in var(--transition-normal) var(--ease-out)}.modal-overlay,.pos-modal-overlay{animation:overlay-fade-in .15s ease-out;animation:overlay-fade-in var(--transition-fast) ease-out}[data-tooltip]{position:relative}[data-tooltip]:after{background:#111;background:var(--color-bg-card-solid);border:1px solid #22c55e33;border:var(--border-subtle);border-radius:10px;border-radius:var(--border-radius-sm);bottom:100%;color:#22c55e;color:var(--color-text);content:attr(data-tooltip);font-size:12px;font-size:var(--font-size-xs);left:50%;margin-bottom:4px;margin-bottom:var(--spacing-xs);opacity:0;padding:4px 8px;padding:var(--spacing-xs) var(--spacing-sm);pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .15s,visibility .15s;transition:opacity var(--transition-fast),visibility var(--transition-fast);visibility:hidden;white-space:nowrap;z-index:1000}[data-tooltip]:hover:after{opacity:1;visibility:visible}[data-tooltip-position=top]:after{bottom:100%;top:auto}[data-tooltip-position=bottom]:after{bottom:auto;margin-bottom:0;margin-top:4px;margin-top:var(--spacing-xs);top:100%}@media print{body{background:#fff;color:#000;font-size:12pt}.btn,.cashbox-sidebar,.modal-overlay,.nav,.pos-actions,.pos-modal-overlay,.tab-nav,.theme-toggle,[data-tooltip]:after{display:none!important}.card,.session-card,.stat-card{background:#fff;border:1px solid #ccc;box-shadow:none;break-inside:avoid;page-break-inside:avoid}h1,h2,h3{page-break-after:avoid}a[href^=http]:after{color:#666;content:" (" attr(href) ")";font-size:.8em}*{background:#0000!important;color:#000!important}table{border-collapse:collapse;width:100%}td,th{border:1px solid #ccc;padding:8px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast:high){:root{--color-primary:#0f0;--color-primary-light:#0f0;--border-subtle:2px solid var(--color-primary);--border-medium:2px solid var(--color-primary)}.card,.pos-item-btn,.session-card{border-width:2px}}@media (max-width:767px){.tab-nav{background:#1a1a1acc;border-radius:12px;display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px;padding:4px}.tab-nav button{border-radius:8px;flex:1 1;font-size:13px;min-height:44px;min-width:auto;padding:10px 14px}.form-group input,.form-group select,.form-group textarea{font-size:16px;min-height:48px}.btn{min-height:44px;padding:12px 16px}.btn-small{font-size:14px;min-height:40px;padding:10px 14px}.pos-modal{margin:10px;max-height:calc(100vh - 20px);overflow-y:auto}.pos-modal .btn,.quick-cash-btn{font-size:16px;min-height:48px}.quick-cash-btn{font-weight:700}.payment-method-btn{font-size:16px;min-height:52px}.pos-order-item-actions .btn{min-height:36px;min-width:36px;padding:0}table{font-size:13px}td,th{padding:10px 8px}.collapsible-header{align-items:center;cursor:pointer;display:flex;min-height:48px}}@media (max-width:374px){.tab-nav button{font-size:11px;padding:8px 10px}.btn{font-size:14px;padding:10px 12px}.pos-item-btn{padding:8px}.pos-item-name{font-size:11px}.pos-item-price{font-size:10px}}.cashbox-layout{display:flex;min-height:calc(100vh - 60px)}.cashbox-sidebar{background:#111;background:var(--color-bg-card-solid);border-right:1px solid #22c55e33;display:flex;flex-direction:column;flex-shrink:0;transition:width .2s ease;width:220px}.cashbox-sidebar.collapsed{width:60px}.sidebar-header{align-items:center;border-bottom:1px solid #22c55e33;display:flex;justify-content:space-between;padding:16px}.sidebar-toggle{align-items:center;border-radius:4px;display:flex;height:28px;justify-content:center;transition:background .2s;width:28px}.sidebar-toggle:hover{background:#22c55e33}.sidebar-nav{flex:1 1;overflow-y:auto;padding:8px}.sidebar-section{margin-bottom:4px}.sidebar-item{align-items:center;background:none;border:none;border-radius:8px;color:#4ade80;cursor:pointer;display:flex;font-size:14px;gap:12px;padding:10px 12px;text-align:left;transition:all .2s;width:100%}.sidebar-item:hover{background:#22c55e26}.sidebar-item.active{background:#22c55e40;color:#22c55e}.sidebar-icon{font-size:18px;text-align:center;width:24px}.sidebar-label{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-subitems{border-left:1px solid #22c55e4d;margin-left:36px;margin-top:4px;padding-left:12px}.sidebar-subitem{background:none;border:none;border-radius:6px;color:#4a7c59;cursor:pointer;display:block;font-size:13px;margin-bottom:2px;padding:8px 12px;text-align:left;transition:all .2s;width:100%}.sidebar-subitem:hover{background:#22c55e1a;color:#4ade80}.sidebar-subitem.active{background:#22c55e33;color:#22c55e}.cashbox-main{flex:1 1;max-width:1200px;overflow-y:auto;padding:24px}@media (max-width:768px){.cashbox-layout{flex-direction:column}.cashbox-sidebar{border-bottom:1px solid #22c55e33;border-right:none;max-height:none;width:100%}.cashbox-sidebar.collapsed{width:100%}.sidebar-nav{display:flex;flex-wrap:wrap;gap:4px;padding:8px}.sidebar-section{margin-bottom:0}.sidebar-item{font-size:13px;padding:8px 12px}.sidebar-subitems{display:none}.cashbox-sidebar:not(.collapsed) .sidebar-subitems{background:#0003;border-left:none;border-radius:8px;display:flex;flex-wrap:wrap;margin-left:0;margin-top:8px;padding:8px;width:100%}.sidebar-subitem{font-size:12px;padding:6px 10px}.cashbox-main{padding:16px}.sidebar-toggle{display:none}}
/*# sourceMappingURL=main.15407350.css.map*/