:root{--bg-app: #0d1117;--bg-sidebar: #06301f;--bg-card: rgba(10, 74, 46, .35);--bg-card-hover: rgba(10, 74, 46, .55);--bg-input: rgba(6, 48, 31, .5);--border-color: rgba(255, 255, 255, .08);--border-highlight: rgba(22, 163, 74, .4);--text-primary: #f8fafc;--text-secondary: #9fb8aa;--text-muted: #647d6f;--accent-primary: #16a34a;--accent-hover: #0d6b42;--accent-glow: rgba(57, 255, 20, .45);--gradient-primary: linear-gradient(135deg, #0a4a2e 0%, #0d6b42 100%);--gradient-card: linear-gradient(145deg, rgba(10, 74, 46, .35) 0%, rgba(6, 48, 31, .55) 100%);--success: #10b981;--warning: #f59e0b;--danger: #f43f5e;--info: #14b8a6;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .2), 0 2px 4px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .2), 0 10px 10px -5px rgba(0, 0, 0, .1);--glass-blur: blur(12px);--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem}*{box-sizing:border-box}button:focus-visible,.btn:focus-visible,.btn-icon:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[role=button]:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}body{margin:0;font-family:var(--font-sans);background-color:var(--bg-app);background-image:radial-gradient(circle at 50% 0%,#0a4a2e 0%,transparent 40%),radial-gradient(circle at 80% 10%,#0d6b42 0%,transparent 30%);background-attachment:fixed;color:var(--text-primary);-webkit-font-smoothing:antialiased}.admin-layout{display:flex;height:100vh;overflow:hidden;position:relative}.sidebar{width:270px;background-color:var(--bg-sidebar);border-right:1px solid var(--border-color);display:flex;flex-direction:column;padding:1.5rem;flex-shrink:0;height:100vh;transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:50;box-shadow:4px 0 24px #0003}@media(max-width:768px){.sidebar{position:absolute;left:0;top:0;transform:translate(-100%);width:280px}.sidebar.open{transform:translate(0)}}.sidebar-overlay{display:none;position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:40;opacity:0;transition:opacity .3s}.sidebar-overlay.open{display:block;opacity:1}.brand-logo{width:32px;height:32px;filter:drop-shadow(0 0 8px var(--accent-glow))}.nav-menu{display:flex;flex-direction:column;gap:.5rem;flex:1;overflow-y:auto;padding-right:.5rem}.nav-item{display:flex;align-items:center;gap:.875rem;padding:.875rem 1rem;border-radius:var(--radius-md);color:var(--text-secondary);text-decoration:none;font-size:.95rem;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);border:1px solid transparent;background:transparent;width:100%;text-align:left;letter-spacing:.01em}.nav-item:hover{color:var(--text-primary);background:#ffffff0a;transform:translate(4px)}.nav-item.active{background:linear-gradient(90deg,#16a34a26,#16a34a0d);color:#39ff14;border:1px solid rgba(57,255,20,.25);box-shadow:0 0 12px #39ff1414}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative;width:100%}.top-header{height:72px;padding:0 2rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-color);background:#0d1117b3;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:10}@media(max-width:640px){.top-header{padding:0 1rem;height:64px}}.page-title{font-size:1.5rem;font-weight:700;letter-spacing:-.025em;background:linear-gradient(to right,#fff,#9fb8aa);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.search-input-wrapper{position:relative;width:320px}@media(max-width:768px){.search-input-wrapper{display:none}}.search-input{width:100%;padding:.75rem 1rem .75rem 2.75rem;background:#0003;border:1px solid var(--border-color);border-radius:999px;color:var(--text-primary);font-size:.875rem;transition:all .3s}.search-input:focus{outline:none;border-color:var(--accent-primary);background:#0006;box-shadow:0 0 0 3px #16a34a2e}.search-icon{position:absolute;top:50%;transform:translateY(-50%);left:1rem;color:var(--text-secondary);pointer-events:none}.user-avatar{width:40px;height:40px;border-radius:50%;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.95rem;color:#fff;border:2px solid rgba(255,255,255,.2);box-shadow:0 4px 12px #0d6b4273}.content-scroll-area{flex:1;overflow-y:auto;padding:2.5rem}@media(max-width:768px){.content-scroll-area{padding:1.5rem}}.glass-card{background:var(--gradient-card);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid rgba(255,255,255,.05);box-shadow:var(--shadow-md);border-radius:var(--radius-xl);padding:1.75rem;transition:all .3s cubic-bezier(.4,0,.2,1);margin-bottom:2rem}.glass-card:hover{border-color:#ffffff1a;transform:translateY(-2px);box-shadow:var(--shadow-lg)}@media(max-width:640px){.glass-card{padding:1.25rem;margin-bottom:1.5rem}}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem}@media(max-width:1024px){.settings-grid{grid-template-columns:1fr;gap:1.5rem}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.625rem;padding:.75rem 1.5rem;border-radius:var(--radius-md);font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);border:1px solid transparent;font-family:var(--font-sans);white-space:nowrap}.btn-primary{background:var(--accent-primary);background:var(--gradient-primary);color:#fff;border:none;box-shadow:0 4px 12px #0d6b4259}.btn-primary:hover{filter:brightness(1.1);box-shadow:0 8px 20px #0d6b4280;transform:translateY(-1px)}.btn-secondary{background:#ffffff08;color:var(--text-primary);border-color:var(--border-color)}.btn-secondary:hover{background:#ffffff14;border-color:#ffffff26}.btn-danger{background:#f43f5e1a;color:var(--danger);border-color:#f43f5e33}.btn-danger:hover{background:#f43f5e33;transform:translateY(-1px)}.btn-icon{padding:.625rem;border-radius:var(--radius-md);color:var(--text-secondary);background:transparent;border:1px solid transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-icon:hover{color:var(--text-primary);background:#ffffff0d;border-color:var(--border-color)}.form-group{margin-bottom:1.25rem}.form-label{display:block;font-size:.75rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.625rem}.form-input,.form-select,.form-textarea{width:100%;padding:.875rem;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-sans);font-size:.95rem;transition:all .2s}.form-select option{background:#06301f;color:#fff}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--accent-primary);background:#06301fcc;box-shadow:0 0 0 3px #16a34a2e}.modal-overlay{position:fixed;inset:0;background-color:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:100;padding:1.5rem}.modal-content{background:linear-gradient(160deg,#0a4a2e,#06301f);border:1px solid rgba(255,255,255,.1);border-radius:1.25rem;padding:2.5rem;width:100%;max-width:480px;box-shadow:0 25px 50px -12px #00000080;position:relative;text-align:center}.table-container{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.data-table{width:100%;border-collapse:separate;border-spacing:0 .5rem;white-space:nowrap}.data-table thead{position:sticky;top:0;z-index:5;background:var(--bg-sidebar);box-shadow:0 1px 0 var(--border-color)}.data-table th{text-align:left;padding:1rem 1.5rem;color:var(--text-muted);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-color)}.data-table td{padding:1rem 1.5rem;background:#ffffff04;color:var(--text-primary);font-size:.95rem;border-top:1px solid rgba(255,255,255,.02);border-bottom:1px solid rgba(255,255,255,.02)}.data-table td:first-child{border-top-left-radius:.5rem;border-bottom-left-radius:.5rem;border-left:1px solid rgba(255,255,255,.02)}.data-table td:last-child{border-top-right-radius:.5rem;border-bottom-right-radius:.5rem;border-right:1px solid rgba(255,255,255,.02)}.data-table tr:hover td{background:#ffffff0a;transform:translateY(-1px);transition:all .2s}.badge{padding:.35rem .85rem;border-radius:999px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.animate-fade-in{animation:fadeIn .5s cubic-bezier(.4,0,.2,1) forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:99px;border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background-color:#fff3}.mobile-only{display:none}@media(max-width:768px){.mobile-only{display:block}}.react-datepicker-wrapper{display:block}.react-datepicker{font-family:var(--font-sans)!important;background-color:#06301f!important;border:1px solid var(--border-color)!important;border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-lg)!important;color:var(--text-primary)!important}.react-datepicker__header{background-color:#0a4a2e!important;border-bottom:1px solid var(--border-color)!important;border-top-left-radius:var(--radius-lg)!important;border-top-right-radius:var(--radius-lg)!important;padding-top:1rem!important}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{color:var(--text-primary)!important;font-weight:700!important}.react-datepicker__day-name{color:var(--text-muted)!important}.react-datepicker__day{color:var(--text-secondary)!important;border-radius:50%!important}.react-datepicker__day:hover{background-color:var(--bg-card-hover)!important;color:var(--text-primary)!important}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range{background-color:var(--accent-primary)!important;color:#fff!important}.react-datepicker__day--disabled{color:var(--text-muted)!important;opacity:.3}.react-datepicker__triangle{display:none!important}.empty-state{text-align:center;padding:3rem 2rem;color:var(--text-muted)}.empty-state-title{font-size:1.1rem;font-weight:600;color:var(--text-secondary);margin-bottom:.5rem}.empty-state-desc{font-size:.9rem;margin-bottom:1.5rem}.loading-skeleton{background:linear-gradient(90deg,#ffffff08 25%,#ffffff14,#ffffff08 75%);background-size:200% 100%;animation:skeleton-shine 1.2s ease-in-out infinite;border-radius:var(--radius-md)}@keyframes skeleton-shine{0%{background-position:200% 0}to{background-position:-200% 0}}.spinner{width:32px;height:32px;border:3px solid var(--border-color);border-top-color:var(--accent-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.modal-content.scrollable{max-height:85vh;overflow-y:auto}.pos{height:100%;display:flex;flex-direction:column;animation:fadeIn .4s ease}.pos__toolbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap}.pos__toggle{padding:.25rem;display:flex;gap:.35rem;border-radius:.5rem;margin-bottom:0}.pos__toggle-btn{background:transparent;color:var(--text-secondary);border:none;padding:.5rem 1rem;border-radius:.25rem;cursor:pointer;display:flex;align-items:center;gap:.5rem;font-weight:600;font-size:.9rem;transition:all .15s}.pos__toggle-btn.active{background:var(--accent-primary);color:#fff}.pos__history-btn{font-size:.85rem;padding:.5rem .75rem}.pos__tabs{display:none}.pos__tab{flex:1;min-width:0;padding:.7rem .75rem;background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);border-radius:.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.4rem;font-size:.85rem;font-weight:500;transition:all .15s;white-space:nowrap;font-family:var(--font-sans)}.pos__tab:hover{background:#16a34a1f;border-color:var(--accent-primary)}.pos__tab.active{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary);font-weight:600}.pos__body{display:grid;grid-template-columns:280px 1fr 300px;gap:1rem;flex:1;min-height:0;overflow:hidden}.pos__panel{overflow-y:auto;margin-bottom:0;display:flex;flex-direction:column}.pos__panel.glass-card:hover{transform:none}.pos__section-hdr{display:flex;align-items:center;gap:.6rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-color)}.pos__section-icon{padding:.4rem;background:#16a34a1f;border-radius:.4rem;color:var(--accent-primary);display:flex}.pos__section-hdr h3{font-size:1rem;font-weight:600;margin:0}.pos__hint{font-size:.8rem;color:var(--text-secondary);margin:.3rem 0 0}.pos__required{color:var(--danger)}.pos__divider{border:none;border-top:1px solid var(--border-color);margin:1rem 0}.pos__fields{display:flex;flex-direction:column;gap:.75rem}.pos__next-tab-btn{display:none}.pos__product-selector{display:flex;gap:.5rem;margin-bottom:.75rem}.pos__product-selector select{flex:1}.pos__items-table-wrap{flex:1;min-height:0;overflow:auto;-webkit-overflow-scrolling:touch}.pos__items-table{width:100%;min-width:480px;table-layout:auto}.pos__items-table th{font-size:.7rem;padding:.6rem .75rem}.pos__items-table td{padding:.5rem .75rem;vertical-align:top}.pos__col-right{text-align:right}.pos__col-action{width:40px;text-align:center}.pos__item-inputs{display:flex;flex-direction:column;gap:.35rem}.pos__item-inputs input{width:100%;box-sizing:border-box}.pos__input-sm{font-size:.8rem;padding:.35rem .5rem}.pos__item-name{font-weight:600}.pos__item-desc{font-size:.75rem;color:var(--text-muted);margin-top:.15rem}.pos__qty-input{width:60px;min-width:50px;text-align:center}.pos__price-input{width:100px;min-width:70px}.pos__item-total{font-weight:600;padding-top:.65rem;white-space:nowrap}.pos__remove-btn{color:var(--danger)}.pos__empty-cart{text-align:center;color:var(--text-muted);padding:2rem 1rem;font-style:italic}.pos__add-item-btn{width:100%;margin-top:.75rem;flex-shrink:0}.pos__totals{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.25rem}.pos__totals-row{display:flex;justify-content:space-between;align-items:center;color:var(--text-secondary)}.pos__totals-val{font-weight:600;color:var(--text-primary)}.pos__totals-grand{font-size:1.2rem;font-weight:800;color:var(--success)}.pos__tax-input{width:80px;padding:.25rem .5rem;text-align:center}.pos__notes-group{flex:1;display:flex;flex-direction:column}.pos__notes{flex:1;min-height:60px;resize:none}.pos__actions{display:flex;flex-direction:column;gap:.6rem;margin-top:.75rem}.pos__btn-credit{border:1px solid var(--info);color:var(--info);background:transparent}.pos-sales-drawer{position:fixed;top:0;right:0;bottom:0;width:400px;max-width:100vw;background:#09090b;border-left:1px solid var(--border-color);z-index:100;padding:1.5rem;display:flex;flex-direction:column;box-shadow:-10px 0 30px #00000080}.pos-sales-drawer__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.pos-sales-drawer__header h2{font-size:1.35rem;font-weight:700;margin:0}.pos-sales-drawer__body{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:.75rem}.pos-sales-drawer__card{padding:.75rem;cursor:pointer;margin-bottom:0}.pos-sales-drawer__card-top{display:flex;justify-content:space-between;margin-bottom:.35rem}.pos-sales-drawer__name{font-weight:600}.pos-sales-drawer__delete{color:var(--danger);padding:.2rem}.pos-sales-drawer__items{font-size:.8rem;color:var(--text-secondary);margin-bottom:.35rem;line-height:1.4}.pos-sales-drawer__meta{font-size:.8rem;color:var(--text-muted);display:flex;justify-content:space-between;align-items:center}.pos-sales-drawer__tags{display:flex;gap:.25rem;align-items:center;flex-wrap:wrap}.pos-sales-drawer__tags .badge{font-size:.65rem}.pos-sales-drawer__marketer{font-size:.7rem;color:var(--accent-primary);display:flex;align-items:center;gap:2px}.pos-sales-drawer__total{color:var(--success);font-weight:600}@media(max-width:1200px){.pos__body{grid-template-columns:260px 1fr 280px;gap:.75rem}}@media(max-width:1024px){.pos__tabs{display:flex;gap:.35rem;background:var(--bg-card);padding:.35rem;border-radius:.5rem;margin-bottom:.75rem}.pos__body{display:flex;flex-direction:column;overflow-y:auto}.pos__panel{display:none;width:100%}.pos__panel--active{display:flex;flex-direction:column;animation:posFadeTab .2s ease}.pos__next-tab-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;margin-top:1rem;padding:.75rem;background:#16a34a1f;border:1px solid var(--accent-primary);color:var(--accent-primary);border-radius:.5rem;cursor:pointer;font-weight:600;font-size:.9rem;font-family:var(--font-sans);transition:all .15s}.pos__next-tab-btn:hover{background:#16a34a38}@keyframes posFadeTab{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}}@media(max-width:768px){.pos__panel{padding:1rem}.pos__tab span{font-size:.8rem}.pos__tab{padding:.6rem .5rem;gap:.3rem}.pos__product-selector{flex-direction:column;gap:.5rem}.pos__product-selector select,.pos__product-selector button{width:100%;min-height:44px}.pos__actions .btn{width:100%;min-height:44px;font-size:.95rem}.pos-sales-drawer{width:100%;padding:1rem}}@media(max-width:480px){.pos__toolbar{gap:.5rem}.pos__toggle-btn{padding:.4rem .7rem;font-size:.8rem;gap:.35rem}.pos__history-btn{padding:.4rem .6rem;font-size:.8rem}.pos__tab{font-size:.75rem;padding:.55rem .4rem;gap:.25rem}.pos__tab svg{width:12px;height:12px}.pos__section-hdr h3{font-size:.9rem}.pos__items-table{min-width:380px}.pos__totals-grand{font-size:1.05rem}}