@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500&family=DM+Sans:wght@300;400;500&display=swap";@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600&family=DM+Sans:wght@300;400;500;600&display=swap";@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500&family=DM+Sans:wght@300;400;500&family=DM+Mono:wght@400;500&family=Pacifico&display=swap";@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600&family=DM+Sans:wght@300;400;500&display=swap";@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600&family=DM+Sans:wght@300;400;500&family=Pacifico&display=swap";@import"https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,500;1,400&family=DM+Sans:wght@300;400;500&display=swap";.sidebar{width:220px;min-width:220px;height:100vh;height:100dvh;position:fixed;top:0;left:0;background:var(--card, #14141c);border-right:1px solid var(--border, rgba(201,169,110,.18));display:flex;flex-direction:column;z-index:99;overflow:hidden;padding-top:max(env(safe-area-inset-top,0px),var(--status-bar-height, 28px));transition:width .25s cubic-bezier(.4,0,.2,1),min-width .25s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1),background .35s ease,border-color .35s ease}.sidebar--collapsed{width:64px;min-width:64px}.sidebar__header{display:flex;align-items:center;justify-content:space-between;padding:20px 14px 18px;min-height:68px;gap:8px;flex-shrink:0}.sidebar--collapsed .sidebar__header{justify-content:center;padding:20px 0 18px}.sidebar__logo{font-family:Playfair Display,serif;font-size:1.3rem;font-weight:500;color:var(--text-primary, #f0ece4);letter-spacing:-.02em;white-space:nowrap;overflow:hidden;transition:color .35s,opacity .2s,max-width .25s;max-width:160px}.sidebar--collapsed .sidebar__logo{max-width:0;opacity:0;pointer-events:none}.sidebar__logo span{color:var(--gold, #c9a96e)}.sidebar__collapse-btn{width:28px;height:28px;min-width:28px;flex-shrink:0;border-radius:6px;border:1px solid var(--border, rgba(201,169,110,.18));background:transparent;color:var(--text-muted, #4e4b63);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:all .2s ease}.sidebar__collapse-btn:hover{border-color:var(--gold,#c9a96e);color:var(--gold,#c9a96e);background:#c9a96e1a}.sidebar__mobile-close{display:none;width:32px;height:32px;min-width:32px;border-radius:8px;border:1px solid var(--border, rgba(201,169,110,.2));background:transparent;color:var(--text-muted, #4e4b63);cursor:pointer;align-items:center;justify-content:center;padding:0;transition:all .2s;flex-shrink:0}.sidebar__mobile-close:hover{border-color:#e0707066;color:#e07070}.sidebar__divider{height:1px;background:var(--border, rgba(201,169,110,.18));margin:0 14px;flex-shrink:0;transition:background .35s}.sidebar__divider--sm{margin:6px 14px}.sidebar__nav{flex:1;display:flex;flex-direction:column;gap:2px;padding:14px 10px;overflow-y:auto;overflow-x:hidden;scrollbar-width:none}.sidebar__nav::-webkit-scrollbar{display:none}.sidebar--collapsed .sidebar__nav{padding:14px 0;align-items:center}.sidebar__link{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:9px;text-decoration:none;color:var(--text-secondary, #8a8598);font-family:DM Sans,sans-serif;font-size:.875rem;font-weight:400;white-space:nowrap;transition:all .18s ease;position:relative;overflow:hidden}.sidebar__link:hover{background:#c9a96e14;color:var(--text-primary,#f0ece4)}.sidebar__link--active{background:#c9a96e1f;color:var(--gold, #c9a96e);font-weight:500}.sidebar__link-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:16px;height:16px}.sidebar__link-label{flex:1}.sidebar__link-pip{width:5px;height:5px;border-radius:50%;background:var(--gold,#c9a96e);box-shadow:0 0 6px var(--gold,#c9a96e);flex-shrink:0}.sidebar--collapsed .sidebar__link{justify-content:center;padding:11px;width:44px;gap:0}.sidebar__footer{padding-bottom:14px;flex-shrink:0}.sidebar__theme{padding:12px 10px 6px}.sidebar__theme-btn-icon{width:44px;height:44px;margin:0 auto;display:flex;align-items:center;justify-content:center;background:#c9a96e1a;border:1px solid var(--border,rgba(201,169,110,.18));border-radius:9px;color:var(--gold, #c9a96e);cursor:pointer;transition:all .2s;padding:0}.sidebar__theme-btn-icon:hover{background:#c9a96e33;border-color:var(--gold,#c9a96e)}.sidebar__theme-row{display:flex;align-items:center;justify-content:space-between;padding:0 2px}.sidebar__theme-label{font-family:DM Sans,sans-serif;font-size:.8rem;color:var(--text-muted,#4e4b63);-webkit-user-select:none;user-select:none}.sidebar__theme-pill{width:44px;height:24px;border-radius:99px;border:1px solid var(--border,rgba(201,169,110,.2));background:#ffffff0a;cursor:pointer;padding:0;position:relative;transition:all .3s;flex-shrink:0}.sidebar__theme-pill--dark{background:#c9a96e1f;border-color:#c9a96e4d}.sidebar__theme-pill--light{background:#c9a96e33;border-color:#b48c3c66}.sidebar__theme-pill:hover{box-shadow:0 0 10px #c9a96e33}.sidebar__theme-pill-thumb{position:absolute;top:50%;transform:translateY(-50%);width:18px;height:18px;border-radius:50%;background:var(--gold, #c9a96e);display:flex;align-items:center;justify-content:center;color:#0a0a0f;transition:left .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 4px #0000004d}.sidebar__theme-pill--dark .sidebar__theme-pill-thumb{left:3px}.sidebar__theme-pill--light .sidebar__theme-pill-thumb{left:calc(100% - 21px)}.sidebar__logout{display:flex;align-items:center;gap:12px;width:calc(100% - 20px);margin:4px 10px 0;padding:10px 12px;background:transparent;border:1px solid transparent;border-radius:9px;color:var(--text-muted, #4e4b63);font-family:DM Sans,sans-serif;font-size:.875rem;cursor:pointer;text-align:left;white-space:nowrap;transition:all .18s}.sidebar__logout:hover{background:#e0707014;border-color:#e0707033;color:#e07070}.sidebar--collapsed .sidebar__logout{width:44px;margin:4px auto 0;justify-content:center;padding:11px}[data-theme=light] .sidebar{background:#fff;border-color:#b48c5033}@media(max-width:768px){.sidebar{transform:translate(-100%);width:270px;min-width:270px;z-index:99;box-shadow:none;padding-top:0}.sidebar--mobile-open{transform:translate(0);box-shadow:8px 0 40px #00000080}.sidebar--mobile-open{width:270px;min-width:270px}.sidebar--mobile-open .sidebar__header{justify-content:space-between;padding-top:max(var(--status-bar-height, 40px),40px);padding-left:16px;padding-right:16px;padding-bottom:18px}.sidebar--mobile-open .sidebar__logo{max-width:200px;opacity:1}.sidebar--mobile-open .sidebar__nav{padding:14px 10px;align-items:stretch}.sidebar--mobile-open .sidebar__link{justify-content:flex-start;padding:12px 14px;width:auto;gap:14px}.sidebar--mobile-open .sidebar__logout{width:calc(100% - 20px);margin:4px 10px 0;justify-content:flex-start;padding:12px 14px}.sidebar--mobile-open .sidebar__theme{padding:12px 10px 6px}.sidebar__collapse-btn{display:none}.sidebar--mobile-open .sidebar__mobile-close{display:flex}.sidebar--collapsed:not(.sidebar--mobile-open){width:0;min-width:0;transform:translate(-100%)}}.dashboard{padding:40px 40px 60px;min-height:100vh;background:var(--bg, #0a0a0f);transition:background .35s ease;animation:dashIn .45s cubic-bezier(.16,1,.3,1) both}@keyframes dashIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.dashboard__header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:36px;flex-wrap:wrap;gap:16px}.dashboard__eyebrow{font-size:.7rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--gold, #c9a96e);margin-bottom:4px;display:flex;align-items:center;gap:10px}.dashboard__eyebrow:before{content:"";display:block;width:24px;height:1px;background:var(--gold,#c9a96e)}.dashboard__title{font-family:Playfair Display,serif;font-size:clamp(1.8rem,3vw,2.6rem);font-weight:500;color:var(--text-primary, #f0ece4);letter-spacing:-.02em;margin:0;line-height:1.15;transition:color .35s}.dashboard__wave{font-style:normal}.dashboard__subtitle{font-family:DM Sans,sans-serif;font-size:.875rem;color:var(--text-muted, #4e4b63);margin-top:6px;font-weight:300;transition:color .35s}.dashboard__header-right{display:flex;flex-direction:column;align-items:flex-end;gap:10px}.dashboard__date{font-size:.8rem;color:var(--text-muted, #4e4b63);font-weight:300;letter-spacing:.02em;transition:color .35s}.dashboard__new-btn{display:flex;align-items:center;gap:8px;padding:10px 18px;background:var(--gold, #c9a96e);border:none;border-radius:9px;color:#0a0808;font-family:DM Sans,sans-serif;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .22s ease;text-decoration:none;white-space:nowrap}.dashboard__new-btn:hover{background:#e8d5b0;box-shadow:0 6px 20px #c9a96e47;transform:translateY(-1px)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:40px}@media(max-width:1100px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.stats-grid{grid-template-columns:1fr}}.stat-card{background:var(--card, #14141c);border:1px solid var(--border, rgba(201,169,110,.18));border-radius:14px;padding:24px 22px;display:flex;align-items:flex-start;gap:16px;position:relative;overflow:hidden;cursor:default;animation:cardRise .5s cubic-bezier(.16,1,.3,1) both;transition:border-color .2s,transform .2s,box-shadow .2s,background .35s}@keyframes cardRise{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.stat-card:hover{border-color:#c9a96e66;transform:translateY(-2px);box-shadow:0 12px 32px #0000004d}.stat-card__glow{position:absolute;top:-40px;right:-40px;width:100px;height:100px;background:radial-gradient(circle,rgba(201,169,110,.08) 0%,transparent 70%);pointer-events:none;transition:opacity .35s}.stat-card:hover .stat-card__glow{opacity:2}.stat-card__icon{width:40px;height:40px;min-width:40px;border-radius:10px;background:var(--gold-dim,rgba(201,169,110,.1));border:1px solid var(--border,rgba(201,169,110,.18));display:flex;align-items:center;justify-content:center;color:var(--gold,#c9a96e);transition:background .35s}.stat-card__body{flex:1;min-width:0}.stat-card__label{font-size:.72rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted,#4e4b63);margin-bottom:6px;transition:color .35s}.stat-card__value{font-family:Playfair Display,serif;font-size:1.55rem;font-weight:500;color:var(--text-primary,#f0ece4);letter-spacing:-.02em;line-height:1;margin-bottom:4px;transition:color .35s;word-break:break-all}.stat-card__sub{font-size:.75rem;color:var(--text-muted,#4e4b63);font-weight:300;transition:color .35s}.recent-section{background:var(--card,#14141c);border:1px solid var(--border,rgba(201,169,110,.18));border-radius:16px;overflow:hidden;transition:background .35s,border-color .35s}.recent-section__header{display:flex;align-items:center;justify-content:space-between;padding:22px 28px;border-bottom:1px solid var(--border,rgba(201,169,110,.18));transition:border-color .35s}.recent-section__title{font-family:Playfair Display,serif;font-size:1.05rem;font-weight:500;color:var(--text-primary,#f0ece4);letter-spacing:-.01em;margin:0;transition:color .35s}.recent-section__link{font-size:.8rem;color:var(--gold,#c9a96e);text-decoration:none;font-weight:400;letter-spacing:.02em;transition:opacity .2s;opacity:.8}.recent-section__link:hover{opacity:1}.invoice-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.invoice-table{width:100%;border-collapse:collapse;font-family:DM Sans,sans-serif;min-width:600px}.invoice-table thead tr{border-bottom:1px solid var(--border,rgba(201,169,110,.18))}.invoice-table th{padding:12px 24px;font-size:.68rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted,#4e4b63);text-align:left;white-space:nowrap;transition:color .35s}.invoice-table tbody tr{border-bottom:1px solid rgba(201,169,110,.07);animation:rowIn .35s cubic-bezier(.16,1,.3,1) both;transition:background .15s ease}@keyframes rowIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.invoice-table tbody tr:last-child{border-bottom:none}.invoice-table tbody tr:hover{background:var(--gold-dim,rgba(201,169,110,.04))}.invoice-table td{padding:15px 24px;font-size:.875rem;color:var(--text-secondary,#8a8598);transition:color .35s;white-space:nowrap}.invoice-table__no{color:var(--gold,#c9a96e)!important;font-weight:500;font-size:.82rem!important}.invoice-table__name{color:var(--text-primary,#f0ece4)!important;font-weight:400}.invoice-table__amount{color:var(--text-primary,#f0ece4)!important;font-weight:500;font-family:Playfair Display,serif;font-size:.95rem!important}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:64px 20px;color:var(--text-muted,#4e4b63);text-align:center}.empty-state p{font-size:.9rem;font-weight:300;transition:color .35s}.empty-state__btn{display:flex;align-items:center;gap:8px;padding:10px 18px;background:#c9a96e1a;border:1px solid rgba(201,169,110,.25);border-radius:9px;color:var(--gold,#c9a96e);font-family:DM Sans,sans-serif;font-size:.875rem;text-decoration:none;transition:all .2s}.empty-state__btn:hover{background:#c9a96e26}.dashboard__error{display:flex;flex-direction:column;align-items:center;gap:14px;padding:80px 20px;color:#e07070;text-align:center}.dashboard__error p{font-size:.9rem;max-width:300px}.dashboard__skeleton{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:40px}@media(max-width:1100px){.dashboard__skeleton{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.dashboard__skeleton{grid-template-columns:1fr}}.skeleton-card{height:110px;background:var(--card,#14141c);border:1px solid var(--border,rgba(201,169,110,.18));border-radius:14px;animation:shimmer 1.4s ease-in-out infinite}.skeleton-table{height:280px;background:var(--card,#14141c);border:1px solid var(--border,rgba(201,169,110,.18));border-radius:16px;animation:shimmer 1.4s ease-in-out infinite;animation-delay:.2s}@media(max-width:768px){.dashboard{padding:28px 20px 48px}.dashboard__header{flex-direction:column;align-items:flex-start;gap:12px}.dashboard__header-right{align-items:flex-start}.invoice-table th,.invoice-table td{padding:12px 16px}}.customers{padding:40px 40px 60px;min-height:100vh;background:var(--bg, #0a0a0f);transition:background .35s ease;animation:pageIn .45s cubic-bezier(.16,1,.3,1) both}.customers__header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:32px;flex-wrap:wrap;gap:16px}.customers__eyebrow{font-size:.7rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--gold, #c9a96e);margin-bottom:4px;display:flex;align-items:center;gap:10px}.customers__eyebrow:before{content:"";display:block;width:24px;height:1px;background:var(--gold, #c9a96e)}.customers__title{font-family:Playfair Display,serif;font-size:clamp(1.8rem,3vw,2.4rem);font-weight:500;color:var(--text-primary, #f0ece4);letter-spacing:-.02em;margin:0;line-height:1.1;transition:color .35s}.customers__add-btn{display:flex;align-items:center;gap:8px;padding:11px 20px;background:var(--gold, #c9a96e);border:none;border-radius:10px;color:#0a0808;font-family:DM Sans,sans-serif;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .22s ease;white-space:nowrap;position:relative;overflow:hidden}.customers__add-btn:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.15) 0%,transparent 60%);pointer-events:none}.customers__add-btn:hover{background:var(--gold-light, #e8d5b0);box-shadow:0 6px 20px #c9a96e47;transform:translateY(-1px)}.customers__stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:28px}@media(max-width:900px){.customers__stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:500px){.customers__stats{grid-template-columns:1fr 1fr}}.cstat{background:var(--card, #14141c);border:1px solid var(--border, rgba(201,169,110,.18));border-radius:12px;padding:18px 20px;transition:background .35s,border-color .35s,transform .2s}.cstat:hover{border-color:#c9a96e59;transform:translateY(-2px)}.cstat__label{font-size:.68rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted, #4e4b63);margin-bottom:6px;transition:color .35s}.cstat__value{font-family:Playfair Display,serif;font-size:1.4rem;font-weight:500;color:var(--text-primary, #f0ece4);letter-spacing:-.02em;line-height:1;transition:color .35s;word-break:break-all}.cstat__value--name{font-size:1rem;font-family:DM Sans,sans-serif;font-weight:500;letter-spacing:0;color:var(--gold, #c9a96e)}.customers__toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px;flex-wrap:wrap}.customers__search-wrap{position:relative;display:flex;align-items:center;flex:1;max-width:380px}.customers__search-wrap>svg{position:absolute;left:14px;color:var(--text-muted, #4e4b63);pointer-events:none;transition:color .35s}.customers__search{width:100%;padding:11px 40px;background:var(--card, #14141c);border:1px solid var(--border, rgba(201,169,110,.18));border-radius:10px;font-family:DM Sans,sans-serif;font-size:.9rem;color:var(--text-primary, #f0ece4);outline:none;transition:all .2s ease}.customers__search::placeholder{color:var(--text-muted, #4e4b63)}.customers__search:focus{border-color:var(--gold, #c9a96e);background:var(--gold-dim, rgba(201,169,110,.06));box-shadow:0 0 0 3px #c9a96e12}.customers__search-clear{position:absolute;right:12px;background:none;border:none;color:var(--text-muted, #4e4b63);cursor:pointer;display:flex;padding:4px;transition:color .2s}.customers__search-clear:hover{color:var(--text-primary, #f0ece4)}.customers__toolbar-right{display:flex;align-items:center;gap:12px}.customers__count{font-size:.78rem;color:var(--text-muted, #4e4b63);letter-spacing:.03em;white-space:nowrap}.customers__bulk-delete{display:flex;align-items:center;gap:7px;padding:8px 14px;background:#e070701a;border:1px solid rgba(224,112,112,.25);border-radius:8px;color:#e07070;font-family:DM Sans,sans-serif;font-size:.82rem;cursor:pointer;transition:all .2s}.customers__bulk-delete:hover{background:#e070702e;border-color:#e0707066}.customers__table-wrap{background:var(--card, #14141c);border:1px solid var(--border, rgba(201,169,110,.18));border-radius:16px;overflow:hidden;transition:background .35s,border-color .35s}.customers__table{width:100%;border-collapse:collapse;font-family:DM Sans,sans-serif}.customers__table thead tr{border-bottom:1px solid var(--border, rgba(201,169,110,.18))}.customers__table th{padding:13px 20px;font-size:.67rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted, #4e4b63);text-align:left;white-space:nowrap;transition:color .35s;-webkit-user-select:none;user-select:none}.col-sortable{cursor:pointer;display:table-cell}.customers__table tbody tr{border-bottom:1px solid rgba(201,169,110,.07);transition:background .15s ease;animation:rowIn .35s cubic-bezier(.16,1,.3,1) both}.customers__table tbody tr:last-child{border-bottom:none}.customers__table tbody tr:hover{background:#c9a96e0a}.customers__table tbody tr.row--selected{background:#c9a96e12}.customers__table td{padding:14px 20px;font-size:.875rem;color:var(--text-secondary, #8a8598);transition:color .35s;vertical-align:middle}.customer-cell{display:flex;align-items:center;gap:12px}.customer-avatar{width:36px;height:36px;min-width:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;color:#0a0a0f;letter-spacing:.02em}.customer-name{font-weight:500;color:var(--text-primary, #f0ece4);font-size:.9rem;margin:0 0 2px;transition:color .35s}.customer-address{font-size:.75rem;color:var(--text-muted, #4e4b63);margin:0;transition:color .35s}.cell-phone{font-size:.85rem;letter-spacing:.02em}.cell-email{font-size:.85rem}.cell-amount{font-family:Playfair Display,serif;font-size:.95rem;color:var(--text-primary, #f0ece4)!important;font-weight:500}.customers__table tbody tr:hover .row-actions,.customers__table tbody tr.row--selected .row-actions{opacity:1}.customers__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:72px 20px;color:var(--text-muted, #4e4b63);text-align:center}.customers__empty p{font-size:.9rem;font-weight:300}.customers__loading{padding:12px 20px;display:flex;flex-direction:column;gap:10px}.customers__skeleton-row{height:54px;border-radius:8px;background:var(--border, rgba(201,169,110,.1));animation:shimmer 1.4s ease-in-out infinite}.drawer{position:fixed;top:0;right:0;width:400px;max-width:100vw;height:100vh;background:var(--card, #14141c);border-left:1px solid var(--border, rgba(201,169,110,.18));z-index:150;display:flex;flex-direction:column;transform:translate(100%);will-change:transform;transition:transform .38s cubic-bezier(.32,.72,0,1),background .35s ease;box-shadow:-16px 0 48px #0006}.drawer__header{display:flex;align-items:center;justify-content:space-between;padding:28px 28px 20px;border-bottom:1px solid var(--border, rgba(201,169,110,.18))}.drawer__close{width:30px;height:30px;border-radius:7px;border:1px solid var(--border, rgba(201,169,110,.18));background:transparent;color:var(--text-muted, #4e4b63);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:all .2s}.drawer__form{flex:1;overflow-y:auto;padding:24px 28px;display:flex;flex-direction:column;gap:20px}.drawer__field label span{color:var(--gold, #c9a96e)}.drawer__field label .optional{text-transform:none;letter-spacing:0;font-weight:300;font-size:.7rem;color:var(--text-muted, #4e4b63);margin-left:4px}.drawer__field input,.drawer__field textarea{padding:12px 14px;background:var(--input-bg, rgba(255,255,255,.03));border:1px solid var(--border, rgba(201,169,110,.18));border-radius:9px;font-family:DM Sans,sans-serif;font-size:.95rem;color:var(--text-primary, #f0ece4);outline:none;transition:all .2s ease;resize:none}.drawer__field input:focus,.drawer__field textarea:focus{border-color:var(--gold, #c9a96e);background:var(--gold-dim, rgba(201,169,110,.06));box-shadow:0 0 0 3px #c9a96e12}.drawer__actions{display:flex;gap:10px;padding:20px 28px;border-top:1px solid var(--border, rgba(201,169,110,.18));position:sticky;bottom:0;background:var(--card, #14141c);z-index:2;flex-shrink:0}.dialog__confirm:hover{background:#e0707040;border-color:#e0707080}.toast{display:flex;align-items:center;gap:10px;padding:12px 18px;border-radius:10px;font-family:DM Sans,sans-serif;font-size:.875rem;font-weight:400;box-shadow:0 8px 24px #0000004d;animation:toastIn .3s cubic-bezier(.16,1,.3,1) both}[data-theme=light] .customers__table-wrap,[data-theme=light] .cstat,[data-theme=light] .drawer,[data-theme=light] .dialog,[data-theme=light] .customers__search{background:#fff}@media(max-width:768px){.customers{padding:24px 16px 48px}.customers__header{margin-bottom:20px}.customers__stats{grid-template-columns:1fr 1fr}.customers__toolbar{flex-direction:column;align-items:stretch}.customers__search-wrap{max-width:100%}.drawer{width:100%;height:100dvh;height:100vh}.drawer__header{padding-top:max(var(--status-bar-height, 40px),28px)}.customers__table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.customers__table th,.customers__table td{padding:8px 10px;font-size:.75rem}.customers__table th:nth-child(4),.customers__table td:nth-child(4),.customers__table th:nth-child(6),.customers__table td:nth-child(6){display:none}}.products{padding:40px 40px 60px;min-height:100vh;background:var(--bg, #0a0a0f);transition:background .35s ease;animation:pageIn .45s cubic-bezier(.16,1,.3,1) both}.products__header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:32px;flex-wrap:wrap;gap:16px}.products__eyebrow{font-size:.7rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--gold, #c9a96e);margin-bottom:4px;display:flex;align-items:center;gap:10px}.products__eyebrow:before{content:"";display:block;width:24px;height:1px;background:var(--gold, #c9a96e)}.products__title{font-family:Playfair Display,serif;font-size:clamp(1.8rem,3vw,2.4rem);font-weight:500;color:var(--text-primary, #f0ece4);letter-spacing:-.02em;margin:0;line-height:1.1;transition:color .35s}.products__add-btn{display:flex;align-items:center;gap:8px;padding:11px 20px;background:var(--gold, #c9a96e);border:none;border-radius:10px;color:#0a0808;font-family:DM Sans,sans-serif;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .22s ease;white-space:nowrap;position:relative;overflow:hidden}.products__add-btn:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.15) 0%,transparent 60%);pointer-events:none}.products__add-btn:hover{background:var(--gold-light, #e8d5b0);box-shadow:0 6px 20px #c9a96e47;transform:translateY(-1px)}.products__stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:28px}@media(max-width:900px){.products__stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:500px){.products__stats{grid-template-columns:1fr 1fr}}.pstat{background:var(--card, #14141c);border:1px solid var(--border, rgba(201,169,110,.18));border-radius:12px;padding:18px 20px;transition:background .35s,border-color .35s,transform .2s}.pstat:hover{border-color:#c9a96e59;transform:translateY(-2px)}.pstat--warn{border-color:#e070704d}.pstat--warn .pstat__value{color:#e07070!important}.pstat__label{font-size:.68rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted, #4e4b63);margin-bottom:6px;transition:color .35s}.pstat__value{font-family:Playfair Display,serif;font-size:1.4rem;font-weight:500;color:var(--text-primary, #f0ece4);letter-spacing:-.02em;line-height:1;transition:color .35s;word-break:break-all}.products__toolbar{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}.products__search-wrap{position:relative;display:flex;align-items:center;flex:1;max-width:360px}.products__search-wrap>svg{position:absolute;left:14px;color:var(--text-muted, #4e4b63);pointer-events:none}.products__search{width:100%;padding:11px 40px;background:var(--card, #14141c);border:1px solid var(--border, rgba(201,169,110,.18));border-radius:10px;font-family:DM Sans,sans-serif;font-size:.9rem;color:var(--text-primary, #f0ece4);outline:none;transition:all .2s ease}.products__search::placeholder{color:var(--text-muted, #4e4b63)}.products__search:focus{border-color:var(--gold, #c9a96e);background:var(--gold-dim, rgba(201,169,110,.06));box-shadow:0 0 0 3px #c9a96e12}.products__search-clear{position:absolute;right:12px;background:none;border:none;color:var(--text-muted, #4e4b63);cursor:pointer;display:flex;padding:4px;transition:color .2s}.products__search-clear:hover{color:var(--text-primary, #f0ece4)}.products__filter-select{padding:10px 14px;background:var(--card, #14141c);border:1px solid var(--border, rgba(201,169,110,.18));border-radius:10px;font-family:DM Sans,sans-serif;font-size:.875rem;color:var(--text-secondary, #8a8598);outline:none;cursor:pointer;transition:all .2s}.products__filter-select:focus{border-color:var(--gold, #c9a96e);color:var(--text-primary, #f0ece4)}.products__toolbar-right{display:flex;align-items:center;gap:12px;margin-left:auto}.products__count{font-size:.78rem;color:var(--text-muted, #4e4b63);white-space:nowrap}.products__bulk-delete{display:flex;align-items:center;gap:7px;padding:8px 14px;background:#e070701a;border:1px solid rgba(224,112,112,.25);border-radius:8px;color:#e07070;font-family:DM Sans,sans-serif;font-size:.82rem;cursor:pointer;transition:all .2s}.products__bulk-delete:hover{background:#e070702e;border-color:#e0707066}.products__table-wrap{background:var(--card, #14141c);border:1px solid var(--border, rgba(201,169,110,.18));border-radius:16px;overflow:hidden;transition:background .35s,border-color .35s}.products__table{width:100%;border-collapse:collapse;font-family:DM Sans,sans-serif}.products__table thead tr{border-bottom:1px solid var(--border, rgba(201,169,110,.18))}.products__table th{padding:13px 18px;font-size:.67rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted, #4e4b63);text-align:left;white-space:nowrap;-webkit-user-select:none;user-select:none;transition:color .35s}.col-sortable:hover{color:var(--gold, #c9a96e)!important}.col-check{width:44px;padding-left:20px!important}.col-check input[type=checkbox]{width:15px;height:15px;accent-color:var(--gold, #c9a96e);cursor:pointer}.products__table tbody tr{border-bottom:1px solid rgba(201,169,110,.07);transition:background .15s ease;animation:rowIn .35s cubic-bezier(.16,1,.3,1) both}.products__table tbody tr:last-child{border-bottom:none}.products__table tbody tr:hover{background:#c9a96e0a}.products__table tbody tr.row--selected{background:#c9a96e12}.products__table td{padding:14px 18px;font-size:.875rem;color:var(--text-secondary, #8a8598);vertical-align:middle;transition:color .35s}.product-cell{display:flex;align-items:center;gap:12px}.product-icon{width:34px;height:34px;min-width:34px;border-radius:9px;background:var(--gold-dim, rgba(201,169,110,.1));border:1px solid var(--border, rgba(201,169,110,.18));display:flex;align-items:center;justify-content:center;color:var(--gold, #c9a96e);transition:background .35s}.product-name{font-weight:500;color:var(--text-primary, #f0ece4);font-size:.9rem;margin:0 0 2px;transition:color .35s}.product-desc{font-size:.75rem;color:var(--text-muted, #4e4b63);margin:0;transition:color .35s;max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.price-cell{display:flex;flex-direction:column;gap:2px}.price-base{font-family:Playfair Display,serif;font-size:.95rem;color:var(--text-primary, #f0ece4);font-weight:500}.price-gst{font-size:.7rem;color:var(--gold, #c9a96e);opacity:.8}.cell-unit{font-size:.8rem;color:var(--text-muted, #4e4b63);text-transform:lowercase}.cell-gst{font-size:.82rem}.cell-date{font-size:.82rem;color:var(--text-muted, #4e4b63);white-space:nowrap}.cell-empty{color:var(--text-muted, #4e4b63)}.category-badge{display:inline-block;padding:3px 10px;border-radius:99px;font-size:.72rem;font-weight:500;background:var(--gold-dim, rgba(201,169,110,.1));border:1px solid rgba(201,169,110,.2);color:var(--gold, #c9a96e);white-space:nowrap}.badge{display:inline-block;padding:3px 10px;border-radius:99px;font-size:.72rem;font-weight:500;white-space:nowrap}.badge--in{background:#70c49a1a;color:#70c49a;border:1px solid rgba(112,196,154,.2)}.badge--low{background:#c9a96e1f;color:#c9a96e;border:1px solid rgba(201,169,110,.25)}.badge--out{background:#e070701a;color:#e07070;border:1px solid rgba(224,112,112,.2)}.row-actions{display:flex;align-items:center;gap:6px;opacity:1!important}.products__table tbody tr:hover .row-actions,.products__table tbody tr.row--selected .row-actions{opacity:1}.action-btn{width:30px;height:30px;border-radius:7px;border:1px solid transparent;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .18s ease;padding:0}.action-btn--edit{color:var(--text-muted, #4e4b63);border-color:var(--border, rgba(201,169,110,.18))}.action-btn--edit:hover{color:var(--gold, #c9a96e);border-color:var(--gold, #c9a96e);background:var(--gold-dim, rgba(201,169,110,.1))}.action-btn--delete{color:var(--text-muted, #4e4b63);border-color:var(--border, rgba(201,169,110,.18))}.action-btn--delete:hover{color:#e07070;border-color:#e070704d;background:#e0707014}.products__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:72px 20px;color:var(--text-muted, #4e4b63);text-align:center}.products__empty p{font-size:.9rem;font-weight:300}.products__loading{padding:12px 20px;display:flex;flex-direction:column;gap:10px}.products__skeleton-row{height:54px;border-radius:8px;background:var(--border, rgba(201,169,110,.1));animation:shimmer 1.4s ease-in-out infinite}.drawer-overlay{position:fixed;inset:0;background:#0000;z-index:149;pointer-events:none;transition:background .38s cubic-bezier(.4,0,.2,1),backdrop-filter .38s ease}.drawer-overlay--open{background:#00000085;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);pointer-events:all}.drawer{position:fixed;top:0;right:0;width:420px;max-width:100vw;height:100vh;background:var(--card, #14141c);border-left:1px solid var(--border, rgba(201,169,110,.18));z-index:150;display:flex;flex-direction:column;transform:translate(100%);will-change:transform;transition:transform .38s cubic-bezier(.32,.72,0,1),background .35s ease;box-shadow:-16px 0 48px #0006}.drawer--open{transform:translate(0)}.drawer__header{display:flex;align-items:flex-start;justify-content:space-between;padding:28px 28px 20px;border-bottom:1px solid var(--border, rgba(201,169,110,.18))}.drawer__eyebrow{font-size:.68rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--gold, #c9a96e);margin-bottom:4px}.drawer__title{font-family:Playfair Display,serif;font-size:1.2rem;font-weight:500;color:var(--text-primary, #f0ece4);letter-spacing:-.01em;margin:0;transition:color .35s}.drawer__close{width:30px;height:30px;border-radius:7px;border:1px solid var(--border, rgba(201,169,110,.18));background:transparent;color:var(--text-muted, #4e4b63);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;margin-top:4px;transition:all .2s}.drawer__close:hover{border-color:var(--gold, #c9a96e);color:var(--gold, #c9a96e)}.drawer__form{flex:1;overflow-y:auto;padding:24px 28px;display:flex;flex-direction:column;gap:18px}.drawer__row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.drawer__field{display:flex;flex-direction:column;gap:7px}.drawer__field label{font-size:.72rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted, #4e4b63);transition:color .35s}.drawer__field label .req{color:var(--gold, #c9a96e)}.drawer__field label .optional{text-transform:none;letter-spacing:0;font-weight:300;font-size:.7rem;margin-left:4px}.drawer__field input,.drawer__field select,.drawer__field textarea{padding:11px 14px;background:var(--input-bg, rgba(255,255,255,.03));border:1px solid var(--border, rgba(201,169,110,.18));border-radius:9px;font-family:DM Sans,sans-serif;font-size:.92rem;color:var(--text-primary, #f0ece4);outline:none;transition:all .2s ease;resize:none;-webkit-appearance:none}.drawer__field select{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%234e4b63' stroke-width='2'%3E%3Cpolyline points='6,9 12,15 18,9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px}.drawer__field input::placeholder,.drawer__field textarea::placeholder{color:var(--text-muted, #4e4b63);font-weight:300}.drawer__field input:focus,.drawer__field select:focus,.drawer__field textarea:focus{border-color:var(--gold, #c9a96e);background:var(--gold-dim, rgba(201,169,110,.06));box-shadow:0 0 0 3px #c9a96e12}.drawer__preview{display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--gold-dim, rgba(201,169,110,.08));border:1px solid rgba(201,169,110,.2);border-radius:9px;font-size:.8rem;color:var(--text-secondary, #8a8598);flex-wrap:wrap}.drawer__preview .sep{color:var(--text-muted, #4e4b63)}.drawer__preview .total{color:var(--gold, #c9a96e);font-weight:500;margin-left:auto}.drawer__actions{display:flex;gap:10px;padding:20px 28px;border-top:1px solid var(--border, rgba(201,169,110,.18))}.drawer__btn-cancel{flex:1;padding:12px;background:transparent;border:1px solid var(--border, rgba(201,169,110,.2));border-radius:9px;color:var(--text-secondary, #8a8598);font-family:DM Sans,sans-serif;font-size:.875rem;cursor:pointer;transition:all .2s}.drawer__btn-cancel:hover{border-color:var(--gold, #c9a96e);color:var(--text-primary, #f0ece4)}.drawer__btn-save{flex:2;padding:12px;background:var(--gold, #c9a96e);border:none;border-radius:9px;color:#0a0808;font-family:DM Sans,sans-serif;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .22s ease}.drawer__btn-save:hover:not(:disabled){background:var(--gold-light, #e8d5b0);box-shadow:0 6px 18px #c9a96e40}.drawer__btn-save:disabled{opacity:.5;cursor:not-allowed}.dialog{background:var(--card, #14141c);border:1px solid var(--border, rgba(201,169,110,.18));border-radius:16px;padding:32px;width:340px;max-width:calc(100vw - 40px);text-align:center;animation:dialogIn .25s cubic-bezier(.16,1,.3,1);box-shadow:0 24px 64px #00000080}.dialog__icon{width:48px;height:48px;border-radius:12px;background:#e070701a;border:1px solid rgba(224,112,112,.2);color:#e07070;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.dialog__msg{font-size:.9rem;color:var(--text-secondary, #8a8598);line-height:1.6;margin-bottom:24px;font-weight:300}.dialog__cancel{flex:1;padding:11px;background:transparent;border:1px solid var(--border, rgba(201,169,110,.2));border-radius:8px;color:var(--text-secondary, #8a8598);font-family:DM Sans,sans-serif;font-size:.875rem;cursor:pointer;transition:all .2s}.dialog__cancel:hover{border-color:var(--gold, #c9a96e);color:var(--text-primary, #f0ece4)}.dialog__confirm{flex:1;padding:11px;background:#e0707026;border:1px solid rgba(224,112,112,.3);border-radius:8px;color:#e07070;font-family:DM Sans,sans-serif;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}[data-theme=light] .products__table-wrap,[data-theme=light] .pstat,[data-theme=light] .drawer,[data-theme=light] .dialog,[data-theme=light] .products__search,[data-theme=light] .products__filter-select{background:#fff}@media(max-width:768px){.products{padding:24px 16px 48px}.products__toolbar{flex-direction:column;align-items:stretch}.products__search-wrap{max-width:100%}.products__toolbar-right{margin-left:0}.drawer__form{padding:16px 20px;gap:12px}.drawer__field input,.drawer__field select,.drawer__field textarea{padding:9px 12px;font-size:.875rem}.drawer__header{padding:20px 20px 16px}.drawer__actions{padding:14px 20px}.drawer{width:100%}.drawer__row{grid-template-columns:1fr 1fr}.products__table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.products__table th,.products__table td{padding:8px 10px;font-size:.75rem}.products__table th:nth-child(6),.products__table td:nth-child(6),.products__table th:nth-child(8),.products__table td:nth-child(8){display:none}}.invoices{padding:40px 40px 60px;min-height:100vh;background:var(--bg, #0a0a0f);animation:pageIn .45s cubic-bezier(.16,1,.3,1) both;transition:background .35s}.invoices__header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:32px;flex-wrap:wrap;gap:16px}.invoices__eyebrow{font-size:.7rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--gold, #c9a96e);margin-bottom:4px;display:flex;align-items:center;gap:10px}.invoices__eyebrow:before{content:"";display:block;width:24px;height:1px;background:var(--gold,#c9a96e)}.invoices__title{font-family:Playfair Display,serif;font-size:clamp(1.8rem,3vw,2.4rem);font-weight:500;color:var(--text-primary, #f0ece4);letter-spacing:-.02em;margin:0;line-height:1.1;transition:color .35s}.invoices__create-btn{display:flex;align-items:center;gap:8px;padding:11px 20px;background:var(--gold, #c9a96e);border:none;border-radius:10px;color:#0a0808;font-family:DM Sans,sans-serif;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .22s ease;white-space:nowrap;text-decoration:none;position:relative;overflow:hidden}.invoices__create-btn:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.15) 0%,transparent 60%);pointer-events:none}.invoices__create-btn:hover{background:#e8d5b0;box-shadow:0 6px 20px #c9a96e47;transform:translateY(-1px)}.invoices__stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:28px}@media(max-width:900px){.invoices__stats{grid-template-columns:repeat(2,1fr)}}.istat{background:var(--card,#14141c);border:1px solid var(--border,rgba(201,169,110,.18));border-radius:12px;padding:18px 20px;transition:border-color .2s,transform .2s,background .35s}.istat:hover{border-color:#c9a96e59;transform:translateY(-2px)}.istat__label{font-size:.68rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted,#4e4b63);margin-bottom:6px;transition:color .35s}.istat__value{font-family:Playfair Display,serif;font-size:1.4rem;color:var(--text-primary,#f0ece4);letter-spacing:-.02em;line-height:1;transition:color .35s}.invoices__toolbar{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}.invoices__search-wrap{position:relative;display:flex;align-items:center;flex:1;max-width:360px}.invoices__search-wrap>svg{position:absolute;left:14px;color:var(--text-muted,#4e4b63);pointer-events:none}.invoices__search{width:100%;padding:11px 40px;background:var(--card,#14141c);border:1px solid var(--border,rgba(201,169,110,.18));border-radius:10px;font-family:DM Sans,sans-serif;font-size:.9rem;color:var(--text-primary,#f0ece4);outline:none;transition:all .2s ease}.invoices__search::placeholder{color:var(--text-muted,#4e4b63)}.invoices__search:focus{border-color:var(--gold,#c9a96e);background:#c9a96e0f;box-shadow:0 0 0 3px #c9a96e12}[data-theme=light] .invoices__search{background:#fff;color:#1a1a1a}.invoices__search-clear{position:absolute;right:12px;background:none;border:none;color:var(--text-muted,#4e4b63);cursor:pointer;display:flex;padding:4px;transition:color .2s}.invoices__search-clear:hover{color:var(--text-primary,#f0ece4)}.invoices__count{font-size:.78rem;color:var(--text-muted,#4e4b63);margin-left:auto;white-space:nowrap}.inv-filter-pill{padding:7px 14px;border-radius:8px;cursor:pointer;font-family:DM Sans,sans-serif;font-size:.78rem;font-weight:500;border:1px solid rgba(201,169,110,.2);color:var(--text-muted, #4e4b63);background:transparent;transition:all .18s;white-space:nowrap}.inv-filter-pill:hover{border-color:#c9a96e59;color:var(--text-secondary,#8a8598)}.inv-filter-pill--active.inv-filter-pill--all{border-color:#c9a96e99;color:var(--gold,#c9a96e);background:#c9a96e14}.inv-filter-pill--active.inv-filter-pill--paid{border-color:#70c49a99;color:#70c49a;background:#70c49a14}.inv-filter-pill--active.inv-filter-pill--unpaid{border-color:#e0aa5099;color:#e0aa50;background:#e0aa5014}.invoices__table-wrap{background:var(--card,#14141c);border:1px solid var(--border,rgba(201,169,110,.18));border-radius:16px;overflow:hidden;transition:background .35s,border-color .35s}[data-theme=light] .invoices__table-wrap{background:#fff}.invoices__table{width:100%;border-collapse:collapse;font-family:DM Sans,sans-serif}.invoices__table thead tr{border-bottom:1px solid var(--border,rgba(201,169,110,.18))}.invoices__table th{padding:13px 14px;font-size:.67rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted,#4e4b63);text-align:left;white-space:nowrap;transition:color .35s;-webkit-user-select:none;user-select:none}.col-sortable{cursor:pointer}.col-sortable:hover{color:var(--gold, #c9a96e)}.invoices__table tbody tr{border-bottom:1px solid rgba(201,169,110,.07);transition:background .15s;animation:rowIn .35s cubic-bezier(.16,1,.3,1) both}@keyframes rowIn{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:translate(0)}}.invoices__table tbody tr:last-child{border-bottom:none}.invoices__table tbody tr:hover{background:#c9a96e0a}.invoices__table td{padding:12px 14px;font-size:.875rem;color:var(--text-secondary,#8a8598);vertical-align:middle;transition:color .35s}.inv-no{font-weight:500;color:var(--gold,#c9a96e);font-size:.82rem;letter-spacing:.04em;cursor:pointer}.inv-no:hover{text-decoration:underline}.inv-customer{font-weight:500;color:var(--text-primary,#f0ece4);font-size:.875rem;transition:color .35s}.inv-amount{font-family:Playfair Display,serif;font-size:1rem;color:var(--text-primary,#f0ece4);transition:color .35s}.invoices__table .row-actions{display:flex;gap:4px;align-items:center;flex-wrap:nowrap;opacity:1!important}.invoices__table .action-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;min-width:28px;border-radius:6px;border:1px solid;cursor:pointer;transition:all .15s ease;background:transparent;flex-shrink:0;padding:0;line-height:1}.invoices__table .action-btn--view{border-color:#c9a96e66;color:#c9a96e}.invoices__table .action-btn--view:hover{background:#c9a96e26;border-color:#c9a96e;transform:translateY(-1px);box-shadow:0 2px 8px #c9a96e33}.invoices__table .action-btn--edit{border-color:#8a859866;color:#8a8598}.invoices__table .action-btn--edit:hover{background:#c9a96e1a;border-color:#c9a96e80;color:#c9a96e;transform:translateY(-1px)}.invoices__table .action-btn--duplicate{border-color:#64aac873;color:#64aac8}.invoices__table .action-btn--duplicate:hover{background:#64aac826;border-color:#64aac8;transform:translateY(-1px)}.invoices__table .action-btn--paid{border-color:#70c49a80;color:#70c49a}.invoices__table .action-btn--paid:hover{background:#70c49a26;border-color:#70c49a;transform:translateY(-1px);box-shadow:0 2px 8px #70c49a33}.invoices__table .action-btn--delete{border-color:#e0707073;color:#e07070}.invoices__table .action-btn--delete:hover{background:#e0707026;border-color:#e07070;transform:translateY(-1px);box-shadow:0 2px 8px #e0707033}[data-theme=light] .action-btn--edit{color:#666;border-color:#0003}[data-theme=light] .action-btn--edit:hover{color:#333;border-color:#0006}.invoices__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:80px 20px;color:var(--text-muted,#4e4b63);text-align:center}.invoices__empty p{font-size:.9rem;font-weight:300}.invoices__empty-btn{display:flex;align-items:center;gap:8px;padding:10px 18px;background:#c9a96e1a;border:1px solid rgba(201,169,110,.3);border-radius:9px;color:var(--gold,#c9a96e);font-family:DM Sans,sans-serif;font-size:.875rem;cursor:pointer;text-decoration:none;transition:all .2s}.invoices__empty-btn:hover{background:#c9a96e2e}.invoices__loading{padding:12px;display:flex;flex-direction:column;gap:8px}.invoices__skeleton-row{height:52px;border-radius:8px;background:#c9a96e0f;animation:shimmer 1.5s ease-in-out infinite}.dialog-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:200;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease}.dialog{background:var(--card,#14141c);border:1px solid var(--border,rgba(201,169,110,.18));border-radius:16px;padding:32px;width:340px;max-width:calc(100vw - 40px);text-align:center;animation:dialogIn .25s cubic-bezier(.16,1,.3,1);box-shadow:0 24px 64px #00000080}[data-theme=light] .dialog{background:#fff}.dialog__icon{width:48px;height:48px;border-radius:12px;background:#e070701a;border:1px solid rgba(224,112,112,.25);color:#e07070;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.dialog__msg{font-size:.875rem;color:var(--text-secondary,#8a8598);line-height:1.6;margin-bottom:24px;font-weight:300}.dialog__actions{display:flex;gap:10px}.dialog__cancel{flex:1;padding:11px;background:transparent;border:1px solid var(--border,rgba(201,169,110,.2));border-radius:8px;color:var(--text-secondary,#8a8598);font-family:DM Sans,sans-serif;font-size:.875rem;cursor:pointer;transition:all .2s}.dialog__cancel:hover{border-color:var(--gold,#c9a96e);color:var(--text-primary,#f0ece4)}.dialog__confirm{flex:1;padding:11px;background:#e0707026;border:1px solid rgba(224,112,112,.35);border-radius:8px;color:#e07070;font-family:DM Sans,sans-serif;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.dialog__confirm:hover{background:#e0707040}.toast-container{position:fixed;bottom:24px;right:24px;z-index:300;display:flex;flex-direction:column;gap:8px}[data-theme=light] .istat{background:#fff}@media(max-width:768px){.invoices{padding:24px 16px 48px}.invoices__stats{grid-template-columns:repeat(2,1fr)}.invoices__toolbar{flex-direction:column;align-items:stretch}.invoices__search-wrap{max-width:100%}.invoices__filter-select{width:100%}.invoices__count{margin-left:0}.invoices__table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.invoices__table th,.invoices__table td{padding:8px 10px;font-size:.75rem}}@media(max-width:768px){.invoices{padding:16px 14px 60px}.invoices__stats{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px}.istat{padding:14px 16px}.istat__value{font-size:1.25rem}.invoices__header{margin-bottom:20px;gap:12px}.invoices__title{font-size:1.5rem}.invoices__create-btn{padding:10px 14px;font-size:.82rem}.invoices__toolbar{gap:8px}.invoices__search-wrap{max-width:100%}.invoices__count{font-size:.72rem}.inv-filter-pills{display:flex;flex-wrap:wrap;gap:6px}.inv-filter-pill{padding:6px 12px;font-size:.74rem}.invoices__table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:12px}.invoices__table th,.invoices__table td{padding:10px;font-size:.78rem}.invoices__table .col-date,.invoices__table .col-items{display:none}.invoices__table .row-actions{gap:3px}.invoices__table .action-btn{width:26px;height:26px;min-width:26px}.inv-amount{font-size:.9rem}}@media(max-width:480px){.invoices{padding:12px 10px 60px}.invoices__stats{grid-template-columns:1fr 1fr;gap:8px}.istat__value{font-size:1.1rem}.invoices__table .action-btn--duplicate{display:none}}.create-invoice{padding:32px 40px 100px;min-height:100vh;background:var(--bg, #0a0a0f);animation:pageIn .4s cubic-bezier(.16,1,.3,1) both;transition:background .35s}.ci__header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:28px;gap:16px;flex-wrap:wrap}.ci__eyebrow{font-size:.68rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--gold,#c9a96e);margin-bottom:4px;display:flex;align-items:center;gap:10px}.ci__eyebrow:before{content:"";display:block;width:22px;height:1px;background:var(--gold,#c9a96e)}.ci__title{font-family:Playfair Display,serif;font-size:clamp(1.55rem,3vw,2.1rem);font-weight:500;color:var(--text-primary,#f0ece4);letter-spacing:-.02em;margin:0;line-height:1.1;transition:color .35s}.ci__meta{display:flex;gap:8px;flex-wrap:wrap;font-size:.73rem;color:var(--text-muted,#4e4b63);margin-top:10px;font-family:DM Sans,sans-serif}.ci__meta span{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:99px;background:#c9a96e0f;border:1px solid rgba(201,169,110,.14)}.ci__meta strong{color:var(--gold,#c9a96e);font-weight:600}.ci__back-btn{display:inline-flex;align-items:center;gap:5px;background:var(--card, #14141c);border:1.5px solid rgba(201,169,110,.4);border-radius:8px;color:var(--text-secondary, #8a8598);font-family:DM Sans,sans-serif;font-size:.72rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:6px 13px 6px 9px;cursor:pointer;transition:all .2s ease;text-decoration:none;white-space:nowrap;flex-shrink:0;box-shadow:0 1px 4px #0003,inset 0 1px #ffffff0a}.ci__back-btn svg{transition:transform .2s ease;flex-shrink:0;opacity:.7}.ci__back-btn:hover{border-color:var(--gold, #c9a96e);color:var(--gold, #c9a96e);background:#c9a96e0f;box-shadow:0 2px 10px #c9a96e26}.ci__back-btn:hover svg{transform:translate(-2px);opacity:1}.ci__back-btn:active{transform:scale(.97)}.ci__layout{display:grid;grid-template-columns:1fr 320px;gap:22px;align-items:start}.ci__card{background:var(--card,#14141c);border:1px solid var(--border,rgba(201,169,110,.18));border-radius:16px;overflow:visible;margin-bottom:18px;transition:background .35s,border-color .35s;box-shadow:0 2px 16px #00000040,0 1px #ffffff08 inset}.ci__card-header{padding:14px 22px;border-bottom:1px solid var(--border,rgba(201,169,110,.18));display:flex;align-items:center;gap:10px;border-radius:16px 16px 0 0;background:var(--card,#14141c);transition:background .35s;position:relative}.ci__card-header:before{content:"";position:absolute;left:0;top:22%;bottom:22%;width:3px;border-radius:0 2px 2px 0;background:var(--gold, #c9a96e);opacity:.75}.ci__card-header h3{font-family:Playfair Display,serif;font-size:.97rem;font-weight:500;color:var(--text-primary,#f0ece4);margin:0}.ci__card-header svg{color:var(--gold,#c9a96e);flex-shrink:0}.ci__card-body{padding:18px 22px}.ci__customer-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.ci__field{display:flex;flex-direction:column;gap:7px;position:relative}.ci__field label{font-size:.7rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted,#4e4b63);font-family:DM Sans,sans-serif}.ci__field label .req{color:var(--gold,#c9a96e);margin-left:2px}.ci__field input,.ci__field select{padding:10px 13px;background:#ffffff08;border:1px solid var(--border,rgba(201,169,110,.18));border-radius:9px;font-family:DM Sans,sans-serif;font-size:.9rem;color:var(--text-primary,#f0ece4);outline:none;transition:all .2s;-webkit-appearance:none;width:100%;box-sizing:border-box}.ci__field input::placeholder{color:var(--text-muted,#4e4b63)}.ci__field input:focus,.ci__field select:focus{border-color:var(--gold,#c9a96e);background:#c9a96e0d;box-shadow:0 0 0 3px #c9a96e1a,0 1px 4px #00000026}:root{--dropdown-bg: #1c1c28;--dropdown-text: #f0ece4;--dropdown-sub: #8a8598}[data-theme=light]{--dropdown-bg: #ffffff;--dropdown-text: #1a1a1a;--dropdown-sub: #666666}.ci__autocomplete{overflow-y:auto;overflow-x:hidden;background:var(--dropdown-bg, #1c1c28);border:1px solid rgba(201,169,110,.42);border-radius:11px;box-shadow:0 4px 6px #0000001a,0 16px 48px #0000008c,0 0 0 1px #c9a96e0f inset;animation:prodDropIn .14s cubic-bezier(.16,1,.3,1);min-width:240px;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.ci__autocomplete-item{padding:11px 14px;cursor:pointer;transition:background .1s;display:flex;align-items:center;justify-content:space-between;gap:12px;font-family:DM Sans,sans-serif;font-size:.875rem;color:var(--dropdown-text, #f0ece4);border-bottom:1px solid rgba(201,169,110,.07);-webkit-user-select:none;user-select:none}.ci__autocomplete-item:last-child{border-bottom:none}.ci__autocomplete-item:hover{background:#c9a96e1a}.ci__autocomplete-name{font-weight:500;flex:1;color:var(--dropdown-text, #f0ece4)}.ci__autocomplete-phone{color:var(--dropdown-sub, #8a8598);font-size:.77rem;flex-shrink:0}.ci__autocomplete-new{padding:10px 14px;cursor:pointer;color:var(--gold,#c9a96e);font-family:DM Sans,sans-serif;font-size:.82rem;display:flex;align-items:center;gap:8px;border-top:1px solid rgba(201,169,110,.14);background:#c9a96e0f;transition:background .1s;-webkit-user-select:none;user-select:none;font-style:italic}.ci__autocomplete-new:hover{background:#c9a96e24}[data-theme=light] .ci__autocomplete{background:#fff;border-color:#b48c3c59;box-shadow:0 4px 6px #0000000d,0 16px 48px #00000024}[data-theme=light] .ci__autocomplete-item{color:#1a1a1a;border-bottom-color:#0000000f}[data-theme=light] .ci__autocomplete-item:hover{background:#c9a96e12}[data-theme=light] .ci__autocomplete-name{color:#1a1a1a}[data-theme=light] .ci__autocomplete-new{background:#fffdf5;border-top-color:#b48c3c2e}.ci__status-row{margin-top:18px;display:flex;flex-direction:column;gap:8px}.ci__status-label{font-size:.68rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted,#4e4b63);font-family:DM Sans,sans-serif}.ci__status-options{display:flex;gap:0;background:#0003;border:1px solid var(--border, rgba(201,169,110,.22));border-radius:11px;padding:3px;width:100%}.ci__status-opt{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;padding:9px 12px;border-radius:8px;border:1px solid transparent;cursor:pointer;font-family:DM Sans,sans-serif;font-size:.83rem;font-weight:500;transition:all .18s ease;-webkit-user-select:none;user-select:none;color:var(--text-muted, #4e4b63);background:transparent;-webkit-tap-highlight-color:transparent}.ci__status-opt input[type=radio]{display:none}.ci__status-opt--paid.active{background:#70c49a26;border-color:#70c49a73;color:#70c49a;box-shadow:0 1px 6px #0003}.ci__status-opt--unpaid.active{background:#e0aa5026;border-color:#e0aa5073;color:#e0aa50;box-shadow:0 1px 6px #0003}.ci__status-opt--paid:not(.active):hover{color:#70c49a;background:#70c49a0f}.ci__status-opt--unpaid:not(.active):hover{color:#e0aa50;background:#e0aa500f}.ci__items-wrap{overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch}.ci__items-table{width:100%;border-collapse:separate;border-spacing:0;font-family:DM Sans,sans-serif;min-width:680px}.ci__items-table th{padding:10px;font-size:.63rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted,#4e4b63);text-align:left;border-bottom:1px solid var(--border,rgba(201,169,110,.18));white-space:nowrap}.ci__items-table td{padding:7px 5px;vertical-align:middle;position:relative}.ci__items-table tbody tr{animation:rowIn .28s cubic-bezier(.16,1,.3,1) both}@keyframes rowIn{0%{opacity:0;transform:translate(-4px)}to{opacity:1;transform:translate(0)}}.ci__items-table tbody tr:not(:last-child) td{border-bottom:1px solid rgba(201,169,110,.06)}.ci__items-table input,.ci__items-table select{width:100%;box-sizing:border-box;padding:8px 9px;background:#ffffff08;border:1px solid var(--border,rgba(201,169,110,.18));border-radius:7px;font-family:DM Sans,sans-serif;font-size:.875rem;color:var(--text-primary,#f0ece4);outline:none;transition:all .18s;-webkit-appearance:none}.ci__items-table input:focus,.ci__items-table select:focus{border-color:var(--gold,#c9a96e);background:#c9a96e0f;box-shadow:0 0 0 3px #c9a96e0f}.ci__items-table select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%234e4b63' stroke-width='2'%3E%3Cpolyline points='6,9 12,15 18,9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 7px center;padding-right:22px}.ci__item-total{font-family:Playfair Display,serif;font-size:.92rem;color:var(--text-primary,#f0ece4);text-align:right;padding:0 6px;white-space:nowrap}.ci__remove-btn{width:28px;height:28px;border-radius:6px;border:1px solid rgba(224,112,112,.2);background:transparent;color:#e0707080;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .18s;flex-shrink:0;padding:0}.ci__remove-btn:hover{background:#e070701a;color:#e07070;border-color:#e0707066}.ci__add-item-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:11px 16px;background:#c9a96e0a;border:1.5px dashed rgba(201,169,110,.3);border-radius:10px;color:var(--text-secondary, #8a8598);font-family:DM Sans,sans-serif;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease;margin-top:12px;width:100%;letter-spacing:.02em}.ci__add-item-btn:hover{border-color:var(--gold,#c9a96e);color:var(--gold,#c9a96e);background:#c9a96e12;box-shadow:0 2px 8px #c9a96e1a}.ci__add-item-btn:active{transform:scale(.99)}.ci__item-cards{display:none}.ci__item-card{background:#ffffff05;border:1px solid var(--border,rgba(201,169,110,.15));border-radius:12px;padding:14px;margin-bottom:10px;animation:rowIn .28s cubic-bezier(.16,1,.3,1) both}.ci__item-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.ci__item-card-num{font-size:.68rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--gold,#c9a96e);font-family:DM Sans,sans-serif}.ci__item-card-total{font-family:Playfair Display,serif;font-size:1rem;color:var(--text-primary,#f0ece4)}.ci__item-card-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ci__item-card-field{display:flex;flex-direction:column;gap:5px}.ci__item-card-field label{font-size:.62rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted,#4e4b63);font-family:DM Sans,sans-serif}.ci__item-card-field input,.ci__item-card-field select{padding:9px 11px;background:#ffffff08;border:1px solid var(--border,rgba(201,169,110,.18));border-radius:8px;font-family:DM Sans,sans-serif;font-size:.875rem;color:var(--text-primary,#f0ece4);outline:none;transition:all .2s;-webkit-appearance:none;width:100%;box-sizing:border-box}.ci__item-card-field input:focus,.ci__item-card-field select:focus{border-color:var(--gold,#c9a96e);background:#c9a96e0f}.ci__item-card-field--full{grid-column:1 / -1}.ci__item-card-remove{width:100%;margin-top:10px;padding:8px;background:transparent;border:1px solid rgba(224,112,112,.2);border-radius:8px;color:#e07070a6;font-family:DM Sans,sans-serif;font-size:.8rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:6px}.ci__item-card-remove:hover{background:#e070701a;color:#e07070;border-color:#e0707066}.prod-search-wrap{position:relative}.prod-search-wrap input{width:100%;box-sizing:border-box}.prod-dropdown{overflow-y:auto;overflow-x:hidden;background:var(--card, #1c1c28);border:1px solid rgba(201,169,110,.42);border-radius:11px;box-shadow:0 4px 6px #0000001a,0 16px 48px #0000008c,0 0 0 1px #c9a96e0f inset;animation:prodDropIn .14s cubic-bezier(.16,1,.3,1);min-width:200px;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}@keyframes prodDropIn{0%{opacity:0;transform:translateY(-5px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.prod-dropdown-item{padding:10px 14px;cursor:pointer;font-family:DM Sans,sans-serif;font-size:.875rem;color:var(--text-primary, #f0ece4);transition:background .1s;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid rgba(201,169,110,.07);-webkit-user-select:none;user-select:none}.prod-dropdown-item:last-child{border-bottom:none}.prod-dropdown-item:hover{background:#c9a96e1a}.prod-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-primary, #f0ece4);font-weight:500}.prod-price{color:var(--gold, #c9a96e);font-size:.8rem;font-family:DM Mono,DM Sans,monospace;flex-shrink:0}.prod-dropdown-new{padding:10px 14px;cursor:pointer;color:var(--gold, #c9a96e);font-family:DM Sans,sans-serif;font-size:.82rem;display:flex;align-items:center;gap:8px;background:#c9a96e0f;border-top:1px solid rgba(201,169,110,.14);transition:background .1s;-webkit-user-select:none;user-select:none;font-style:italic}.prod-dropdown-new:hover{background:#c9a96e24}[data-theme=light] .prod-dropdown{background:#fff;border-color:#b48c3c59;box-shadow:0 4px 6px #0000000d,0 16px 48px #00000024}[data-theme=light] .prod-dropdown-item{color:#1a1a1a;border-bottom-color:#0000000f}[data-theme=light] .prod-dropdown-item:hover{background:#c9a96e14}[data-theme=light] .prod-name{color:#1a1a1a}[data-theme=light] .prod-dropdown-new{background:#fffdf5;border-top-color:#b48c3c33}.ci__summary{background:var(--card,#14141c);border:1px solid var(--border,rgba(201,169,110,.18));border-radius:16px;overflow:hidden;position:sticky;top:20px;transition:background .35s,border-color .35s;box-shadow:0 2px 16px #00000040}.ci__summary-header{padding:16px 20px;border-bottom:1px solid var(--border,rgba(201,169,110,.18));font-family:Playfair Display,serif;font-size:.97rem;font-weight:500;color:var(--text-primary,#f0ece4)}.ci__summary-body{padding:18px 20px 8px}.ci__summary-row{display:flex;justify-content:space-between;align-items:center;padding:7px 0;font-family:DM Sans,sans-serif;font-size:.875rem}.ci__summary-row:not(:last-child){border-bottom:1px solid rgba(201,169,110,.06)}.ci__summary-label{color:var(--text-muted,#4e4b63)}.ci__summary-val{color:var(--text-secondary,#8a8598)}.ci__summary-discount{color:#70c49a}.ci__unpaid-indicator{margin:10px 20px 0;padding:9px 13px;background:#e0aa5014;border:1px solid rgba(224,170,80,.25);border-radius:9px;display:flex;align-items:center;justify-content:space-between;font-family:DM Sans,sans-serif;font-size:.82rem}.ci__unpaid-indicator-label{display:flex;align-items:center;gap:6px;color:#e0aa50}.ci__unpaid-indicator-val{font-family:Playfair Display,serif;font-size:.92rem;color:#e0aa50}.ci__summary-total{display:flex;justify-content:space-between;align-items:center;padding:13px 20px;margin-top:10px;border-top:1px solid var(--border,rgba(201,169,110,.18));background:#c9a96e0a}.ci__summary-total-label{font-family:DM Sans,sans-serif;font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted,#4e4b63)}.ci__summary-total-val{font-family:Playfair Display,serif;font-size:1.35rem;color:var(--gold,#c9a96e)}.ci__save-btn{width:100%;padding:14px;background:var(--gold,#c9a96e);border:none;border-radius:0 0 16px 16px;color:#0a0808;font-family:DM Sans,sans-serif;font-weight:700;font-size:.92rem;cursor:pointer;transition:all .22s;display:flex;align-items:center;justify-content:center;gap:8px}.ci__save-btn:hover:not(:disabled){background:#e8d5b0;box-shadow:0 8px 24px #c9a96e47}.ci__save-btn:disabled{opacity:.5;cursor:not-allowed}.ci__mobile-save-bar{display:none;position:fixed;bottom:0;left:0;right:0;z-index:80;background:var(--card,#14141c);border-top:1px solid var(--border,rgba(201,169,110,.22));padding:10px 16px;padding-bottom:calc(14px + env(safe-area-inset-bottom,0px));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 -8px 40px #00000080}.ci__mobile-save-bar-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.ci__mobile-total-label{font-size:.63rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted,#4e4b63);font-family:DM Sans,sans-serif;margin-bottom:2px}.ci__mobile-total-val{font-family:Playfair Display,serif;font-size:1.35rem;color:var(--gold,#c9a96e)}.ci__mobile-status-pill{font-size:.72rem;font-weight:600;padding:4px 10px;border-radius:7px;font-family:DM Sans,sans-serif;letter-spacing:.02em}.ci__mobile-save-btn{width:100%;padding:14px;background:linear-gradient(135deg,#c9a96e,#d4b87a,#c9a96e);background-size:200% auto;border:none;border-radius:12px;color:#1a1000;font-family:DM Sans,sans-serif;font-weight:700;font-size:.92rem;letter-spacing:.04em;cursor:pointer;transition:all .25s ease;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 16px #c9a96e4d;-webkit-tap-highlight-color:transparent}.ci__mobile-save-btn:active:not(:disabled){transform:scale(.98);box-shadow:0 2px 8px #c9a96e33}.ci__mobile-save-btn:disabled{opacity:.45;cursor:not-allowed}.toast{display:flex;align-items:center;gap:10px;padding:11px 16px;border-radius:10px;font-family:DM Sans,sans-serif;font-size:.875rem;box-shadow:0 8px 24px #0000004d;animation:toastIn .3s cubic-bezier(.16,1,.3,1) both;max-width:320px}[data-theme=light] .ci__card{background:#fff;box-shadow:0 2px 12px #00000012}[data-theme=light] .ci__card-header{background:#fff}[data-theme=light] .ci__field input,[data-theme=light] .ci__field select,[data-theme=light] .ci__items-table input,[data-theme=light] .ci__items-table select,[data-theme=light] .ci__item-card-field input,[data-theme=light] .ci__item-card-field select{background:#f8f8f9;color:#1a1a1a;border-color:#0000001f}[data-theme=light] .ci__items-table input:focus,[data-theme=light] .ci__items-table select:focus{background:#fffdf7}[data-theme=light] .ci__summary{background:#fff}[data-theme=light] .ci__mobile-save-bar{background:#fffffff7;border-color:#b48c5033}[data-theme=light] .ci__item-card{background:#f9f9fb}[data-theme=light] .ci__status-options{background:#0000000a;border-color:#b48c3c33}[data-theme=light] .ci__back-btn{background:#fff}[data-theme=light] .ci__meta span{background:#c9a96e14}@media(max-width:1000px){.ci__layout{grid-template-columns:1fr}.ci__summary{position:static}}@media(max-width:768px){.create-invoice{padding:16px 14px 120px}.ci__header{flex-direction:row;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:20px;flex-wrap:nowrap}.ci__header>div:first-child{flex:1;min-width:0}.ci__back-btn{flex-shrink:0;margin-top:4px;font-size:.67rem;padding:5px 10px 5px 7px}.ci__meta{flex-direction:row;flex-wrap:wrap;gap:5px;margin-top:6px}.ci__title{font-size:1.4rem}.ci__card{border-radius:12px;margin-bottom:12px}.ci__card-header{padding:13px 16px}.ci__card-body{padding:14px 16px}.ci__customer-row{grid-template-columns:1fr;gap:12px}.ci__status-row{gap:8px}.ci__status-options{width:100%}.ci__status-opt{padding:10px 8px;font-size:.8rem}.ci__items-wrap,.ci__items-table,.ci__items-table thead{display:none!important}.ci__item-cards{display:block}.ci__add-item-btn{margin-top:0}.ci__item-card{padding:12px 12px 10px}.ci__item-card-header{margin-bottom:8px}.ci__item-card-num{font-size:.6rem}.ci__item-card-total{font-size:.92rem}.ci__item-card-grid{grid-template-columns:1fr 1fr;gap:8px}.ci__item-card-field{gap:3px}.ci__item-card-field label{font-size:.58rem;letter-spacing:.06em}.ci__item-card-field input,.ci__item-card-field select{padding:7px 9px;font-size:.82rem;height:36px;border-radius:7px}.ci__item-card-remove{padding:6px;font-size:.75rem;margin-top:8px}.ci__summary{display:none}.ci__mobile-save-bar{display:block}.toast-container{bottom:110px;right:12px;left:12px}.toast{max-width:100%}}@media(max-width:420px){.create-invoice{padding:12px 10px 120px}.ci__item-card-grid{gap:6px}.ci__item-card-field input,.ci__item-card-field select{padding:6px 8px;font-size:.78rem;height:33px}.ci__item-card{padding:10px 10px 8px}.ci__status-options{flex-direction:row}.ci__status-opt{flex:1;padding:9px 6px;font-size:.76rem}}.view-invoice-page{padding:40px 40px 60px;min-height:100vh;background:var(--bg, #0a0a0f);transition:background .35s}.vi__topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap;gap:10px}.vi__back-btn{display:flex;align-items:center;gap:8px;background:transparent;border:1px solid var(--border, rgba(201,169,110,.2));border-radius:8px;color:var(--text-secondary, #8a8598);font-family:DM Sans,sans-serif;font-size:.82rem;padding:8px 14px;cursor:pointer;text-decoration:none;transition:all .2s;white-space:nowrap}.vi__back-btn:hover{border-color:var(--gold,#c9a96e);color:var(--gold,#c9a96e)}.vi__actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.vi__status-pill{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:8px;font-family:DM Sans,sans-serif;font-size:.82rem;font-weight:500;white-space:nowrap}.vi__status-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.vi__status-pill--paid{color:#70c49a;background:#70c49a1a;border:1px solid rgba(112,196,154,.3)}.vi__status-pill--unpaid{color:#e0aa50;background:#e0aa501a;border:1px solid rgba(224,170,80,.3)}.vi__status-pill--paid .vi__status-dot{background:#70c49a}.vi__status-pill--unpaid .vi__status-dot{background:#e0aa50}.vi__action-btn{display:flex;align-items:center;gap:7px;padding:9px 16px;border-radius:9px;font-family:DM Sans,sans-serif;font-size:.82rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.vi__action-btn--pdf{background:var(--gold,#c9a96e);border:none;color:#0a0808}.vi__action-btn--pdf:hover:not(:disabled){background:#e8d5b0;box-shadow:0 6px 20px #c9a96e47;transform:translateY(-1px)}.vi__action-btn--pdf:disabled{opacity:.5;cursor:not-allowed}.vi__action-btn--edit{background:transparent;border:1px solid var(--border,rgba(201,169,110,.2));color:var(--text-secondary,#8a8598)}.vi__action-btn--edit:hover{border-color:#c9a96e66;color:var(--text-primary,#f0ece4);background:#c9a96e0d}.vi__action-btn--markpaid{background:#70c49a1a;border:1px solid rgba(112,196,154,.3);color:#70c49a}.vi__action-btn--markpaid:hover:not(:disabled){background:#70c49a2e;border-color:#70c49a80;transform:translateY(-1px)}.vi__action-btn--markpaid:disabled{opacity:.5;cursor:not-allowed}.vi__action-btn--print{background:transparent;border:1px solid rgba(201,169,110,.3);color:var(--text-secondary,#8a8598);text-decoration:none}.vi__action-btn--print:hover{border-color:var(--gold,#c9a96e);color:var(--gold,#c9a96e);background:#c9a96e0f}.vi__profile-warning{display:flex;align-items:center;gap:8px;padding:12px 18px;background:#e0aa5014;border:1px solid rgba(224,170,80,.25);border-radius:10px;font-family:DM Sans,sans-serif;font-size:.82rem;color:#e0aa50;margin-bottom:20px}.vi__profile-warning svg{flex-shrink:0}.vi__download-wrap{position:relative}.fmt-backdrop{position:fixed;inset:0;z-index:999;background:transparent}.fmt-dropdown{position:absolute;top:calc(100% + 8px);right:0;z-index:1000;width:260px;background:var(--card, #14141c);border:1px solid var(--border, rgba(201,169,110,.22));border-radius:14px;padding:8px;box-shadow:0 16px 48px #00000073,0 2px 8px #0003;animation:dropIn .18s cubic-bezier(.16,1,.3,1)}@keyframes dropIn{0%{opacity:0;transform:translateY(-6px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fmtSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fmt-row__spinner{animation:fmtSpin .9s linear infinite;color:var(--text-muted,#4e4b63);flex-shrink:0}.fmt-dropdown__title{font-family:DM Sans,sans-serif;font-size:.65rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted, #4e4b63);padding:6px 10px 8px}.fmt-row{display:flex;align-items:center;gap:10px;width:100%;padding:10px;background:transparent;border:none;border-radius:9px;cursor:pointer;text-align:left;transition:background .15s ease;color:inherit;font-family:DM Sans,sans-serif}.fmt-row:hover:not(:disabled){background:#c9a96e14}.fmt-row:disabled{opacity:.5;cursor:wait}.fmt-row--loading{opacity:.6;cursor:wait}.fmt-row__icon{width:32px;height:32px;border-radius:8px;background:#c9a96e1a;border:1px solid rgba(201,169,110,.18);display:flex;align-items:center;justify-content:center;color:var(--gold, #c9a96e);flex-shrink:0}.fmt-row__icon--pdf{background:#c9a96e1a;border-color:#c9a96e33;color:var(--gold,#c9a96e)}.fmt-row__icon--img{background:#63b3ed1a;border-color:#63b3ed38;color:#63b3ed}.fmt-row__icon--share{background:#70c49a1a;border-color:#70c49a38;color:#70c49a}.fmt-row--share .fmt-row__label{color:#70c49a}.fmt-row__body{flex:1;display:flex;flex-direction:column;gap:1px}.fmt-row__label{font-size:.84rem;font-weight:500;color:var(--text-primary, #f0ece4);line-height:1.2}.fmt-row__sub{font-size:.68rem;color:var(--text-muted, #4e4b63)}.fmt-row--share .fmt-row__label{color:#63b3ed}.fmt-row__arrow{color:var(--text-muted, #4e4b63);flex-shrink:0}.fmt-divider{height:1px;background:var(--border, rgba(201,169,110,.12));margin:4px 8px}@media(max-width:768px){.vi__download-wrap .fmt-backdrop,.vi__download-wrap .fmt-dropdown{display:none!important}}.vi__mobile-view{display:none}@keyframes mobileIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.vi__card{background:var(--card, #14141c);border:1px solid var(--border, rgba(201,169,110,.16));border-radius:16px;overflow:hidden;margin-bottom:12px;animation:pageIn .35s cubic-bezier(.16,1,.3,1) both}.vi__card-shop-band{background:#be1b1b;padding:16px 18px;text-align:center}.vi__card-shop-name{font-family:DM Sans,sans-serif;font-size:1.05rem;font-weight:700;color:#fff;letter-spacing:.04em;margin-bottom:4px}.vi__card-shop-sub{font-family:DM Sans,sans-serif;font-size:.72rem;color:#ffffffd9;line-height:1.6}.vi__card-head{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#c9a96e0d;border-bottom:1px solid rgba(201,169,110,.12);font-family:DM Sans,sans-serif;font-size:.78rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--gold, #c9a96e)}.vi__card-head svg{flex-shrink:0;color:var(--gold, #c9a96e)}.vi__card-count{margin-left:auto;background:#c9a96e26;color:var(--gold, #c9a96e);font-size:.72rem;font-weight:700;padding:2px 8px;border-radius:20px}.vi__card-body{padding:4px 0}.vi__card-row{display:flex;justify-content:space-between;align-items:flex-start;padding:10px 16px;border-bottom:1px solid rgba(201,169,110,.07);gap:12px}.vi__card-row:last-child{border-bottom:none}.vi__card-label{font-family:DM Sans,sans-serif;font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted, #4e4b63);flex-shrink:0;padding-top:2px}.vi__card-val{font-family:DM Sans,sans-serif;font-size:.875rem;font-weight:500;color:var(--text-primary, #f0ece4);text-align:right}.vi__card-val--gold{color:var(--gold, #c9a96e);font-family:Playfair Display,serif;font-size:.95rem}.vi__card-val--green{color:#70c49a}.vi__card-val--amber{color:#e0aa50}.vi__items-list{padding:4px 0}.vi__item-row{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;border-bottom:1px solid rgba(201,169,110,.07)}.vi__item-row:last-child{border-bottom:none}.vi__item-index{width:22px;height:22px;border-radius:50%;background:#c9a96e1f;color:var(--gold, #c9a96e);font-size:.7rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px;font-family:DM Sans,sans-serif}.vi__item-info{flex:1;min-width:0}.vi__item-name{font-family:DM Sans,sans-serif;font-size:.9rem;font-weight:500;color:var(--text-primary, #f0ece4);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vi__item-meta{font-family:DM Sans,sans-serif;font-size:.72rem;color:var(--text-muted, #4e4b63);line-height:1.4}.vi__item-total{font-family:Playfair Display,serif;font-size:1rem;color:var(--text-primary, #f0ece4);flex-shrink:0;text-align:right;padding-top:2px}.vi__totals{padding:12px 16px;background:#c9a96e0a;border-top:1px solid rgba(201,169,110,.1)}.vi__totals-row{display:flex;justify-content:space-between;align-items:center;padding:5px 0;font-family:DM Sans,sans-serif;font-size:.82rem;color:var(--text-secondary, #8a8598);border-bottom:1px solid rgba(201,169,110,.06)}.vi__totals-row:last-of-type{border-bottom:none}.vi__totals-final{display:flex;justify-content:space-between;align-items:center;padding:12px 0 5px;margin-top:6px;border-top:2px solid rgba(201,169,110,.25);font-family:DM Sans,sans-serif;font-size:.9rem;font-weight:600;color:var(--text-primary, #f0ece4)}.vi__totals-final span:last-child{font-family:Playfair Display,serif;font-size:1.25rem;color:var(--gold, #c9a96e)}.vi__words{padding:12px 16px;border-top:1px solid rgba(201,169,110,.08)}.vi__words-label{font-family:DM Sans,sans-serif;font-size:.65rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted, #4e4b63);margin-bottom:5px}.vi__words-text{font-family:DM Sans,sans-serif;font-size:.82rem;color:var(--text-secondary, #8a8598);line-height:1.6;font-style:italic}.vi__card--sig{display:flex;align-items:stretch;min-height:80px;padding:0}.vi__sig-left{flex:1;padding:16px;border-right:1px solid rgba(201,169,110,.12);display:flex;align-items:flex-end}.vi__sig-right{flex:1;padding:16px;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end}.vi__sig-title{font-family:DM Sans,sans-serif;font-size:.8rem;color:var(--text-secondary, #8a8598)}.vi__sig-line{width:120px;height:1px;border-bottom:1px solid rgba(201,169,110,.3);margin-bottom:6px}.vi__sig-label{font-family:DM Sans,sans-serif;font-size:.68rem;color:var(--text-muted, #4e4b63);text-align:right}.invoice-receipt-wrap{display:flex;justify-content:center}.invoice-receipt{background:#fff;width:794px;border-radius:4px;box-shadow:0 24px 80px #00000080;overflow:hidden;font-family:DM Sans,sans-serif}.ir__header{background:#fff;padding:24px 28px 0;text-align:center}.ir__store-name{font-family:DM Sans,sans-serif;font-size:1.7rem;color:#1a1a1a;letter-spacing:.06em;margin-bottom:6px}.ir__store-details{font-family:DM Sans,sans-serif;font-size:.7rem;color:#333;line-height:1.7;margin-bottom:2px}.ir__state{font-family:DM Sans,sans-serif;font-size:.7rem;color:#333;margin-bottom:12px}.ir__divider-top{height:3px;background:#be1b1b}.ir__tax-label{background:#fff;padding:8px 0;font-family:DM Sans,sans-serif;font-size:1rem;letter-spacing:.12em;color:#1a1a1a;text-align:center;border-bottom:2px solid #1a1a1a}.ir__bill-section{display:flex;justify-content:space-between;align-items:flex-start;padding:14px 28px;border-bottom:1px solid #ddd;gap:16px}.ir__bill-label{font-family:DM Sans,sans-serif;font-size:.75rem;color:#333}.ir__bill-name{font-family:DM Sans,sans-serif;font-size:.9rem;color:#1a1a1a;margin:4px 0 2px;font-weight:700}.ir__bill-contact{font-family:DM Sans,sans-serif;font-size:.75rem;color:#555}.ir__inv-details{text-align:right}.ir__inv-details-title{font-family:DM Sans,sans-serif;font-size:.75rem;color:#333;margin-bottom:4px}.ir__inv-no,.ir__inv-date{font-family:DM Sans,sans-serif;font-size:.8rem;color:#1a1a1a}.ir__items-table{width:100%;border-collapse:collapse}.ir__items-table thead tr{background:#be1b1b}.ir__items-table th{padding:9px 10px;font-family:DM Sans,sans-serif;font-size:.72rem;letter-spacing:.05em;color:#fff;font-weight:400;text-align:left;border:1px solid rgba(255,255,255,.15)}.ir__items-table th:first-child{padding-left:28px}.ir__items-table th:last-child{text-align:right;padding-right:28px}.ir__items-table tbody tr{border-bottom:1px solid #eee}.ir__items-table td{padding:9px 10px;font-family:DM Sans,sans-serif;font-size:.78rem;color:#1a1a1a;vertical-align:middle}.ir__items-table td:first-child{padding-left:28px}.ir__items-table td:last-child{text-align:right;padding-right:28px}.ir__items-table tfoot tr{border-top:2px solid #be1b1b}.ir__items-table tfoot td{padding:9px 10px;font-family:DM Sans,sans-serif;font-size:.8rem;color:#1a1a1a;font-weight:700}.ir__items-table tfoot td:first-child{padding-left:28px}.ir__items-table tfoot td:last-child{text-align:right;padding-right:28px}.ir__bottom{display:grid;grid-template-columns:1fr 1fr;border-top:2px solid #be1b1b}.ir__words-section{padding:14px 28px;border-right:1px solid #eee}.ir__amounts-section{padding:14px 28px}.ir__section-header{background:#be1b1b;color:#fff;font-family:DM Sans,sans-serif;font-size:.7rem;letter-spacing:.06em;padding:5px 10px;margin:-14px -28px 10px}.ir__words-text{font-family:DM Sans,sans-serif;font-size:.78rem;color:#1a1a1a;line-height:1.6}.ir__amount-row{display:flex;justify-content:space-between;padding:4px 0;font-family:DM Sans,sans-serif;font-size:.78rem;color:#333;border-bottom:1px solid #f0f0f0}.ir__amount-row:last-child{border-bottom:none}.ir__amount-val{color:#1a1a1a}.ir__footer{display:grid;grid-template-columns:1fr 1fr;border-top:2px solid #be1b1b;min-height:110px}.ir__bank-section{padding:14px 28px;border-right:1px solid #eee}.ir__sig-section{padding:14px 28px;display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between}.ir__bank-section .ir__section-header,.ir__sig-section .ir__section-header{margin:-14px -28px 10px}.ir__sig-store{font-family:DM Sans,sans-serif;font-size:.8rem;color:#333}.ir__sig-label{font-family:DM Sans,sans-serif;font-size:.7rem;color:#555;margin-top:24px}.toast{display:flex;align-items:center;gap:10px;padding:12px 18px;border-radius:10px;font-family:DM Sans,sans-serif;font-size:.875rem;box-shadow:0 8px 24px #0000004d;animation:toastIn .3s cubic-bezier(.16,1,.3,1) both;max-width:320px}.vi__mob-bar{display:none}@keyframes mobSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:768px){.view-invoice-page{padding:14px 14px calc(80px + env(safe-area-inset-bottom,0px))}.vi__mobile-view{display:block;animation:mobileIn .4s cubic-bezier(.16,1,.3,1) both;padding-bottom:calc(80px + env(safe-area-inset-bottom,16px))}.invoice-receipt-wrap{position:fixed;left:-9999px;top:0;width:794px;pointer-events:none;overflow:hidden;visibility:hidden}.vi__topbar{flex-direction:column;align-items:stretch;gap:8px}.vi__actions{flex-wrap:wrap;gap:6px}.vi__action-btn{padding:10px 14px;font-size:.82rem;flex:1;justify-content:center;min-width:100px}.vi__action-btn--pdf{display:none}.vi__back-btn{font-size:.82rem}.vi__status-pill{font-size:.8rem;align-self:flex-start}.toast-container{bottom:calc(72px + env(safe-area-inset-bottom,0px));right:12px;left:12px}.toast{max-width:100%}.vi__profile-warning{font-size:.78rem;padding:10px 14px}.vi__mob-bar{display:flex;align-items:stretch;position:fixed;bottom:0;left:0;right:0;z-index:9999;height:calc(64px + env(safe-area-inset-bottom,16px));padding-bottom:env(safe-area-inset-bottom,16px);background:var(--card, #14141c);border-top:1px solid rgba(201,169,110,.25);box-shadow:0 -8px 32px #0006;backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4)}.vi__mob-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;height:64px;background:none;border:none;cursor:pointer;padding:0;transition:background .12s ease;-webkit-tap-highlight-color:transparent}.vi__mob-btn:active:not(:disabled){background:#c9a96e14}.vi__mob-btn:disabled{opacity:.4;cursor:not-allowed}.vi__mob-btn--busy{opacity:.7;cursor:wait}.vi__mob-btn__icon{width:38px;height:38px;border-radius:11px;display:flex;align-items:center;justify-content:center;transition:transform .12s ease}.vi__mob-btn:active:not(:disabled) .vi__mob-btn__icon{transform:scale(.87)}.vi__mob-btn__icon--pdf{background:#c9a96e24;border:1px solid rgba(201,169,110,.25);color:var(--gold, #c9a96e)}.vi__mob-btn__icon--img{background:#63b3ed21;border:1px solid rgba(99,179,237,.25);color:#63b3ed}.vi__mob-btn__icon--share{background:#70c49a21;border:1px solid rgba(112,196,154,.25);color:#70c49a}.vi__mob-btn__label{font-family:DM Sans,sans-serif;font-size:.63rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.vi__mob-btn:nth-child(1) .vi__mob-btn__label{color:var(--gold, #c9a96e)}.vi__mob-btn:nth-child(3) .vi__mob-btn__label{color:#63b3ed}.vi__mob-btn:nth-child(5) .vi__mob-btn__label{color:#70c49a}.vi__mob-bar__div{width:1px;align-self:stretch;margin:12px 0;background:#c9a96e2e;flex-shrink:0}[data-theme=light] .vi__mob-bar{background:#fffffff2;border-top-color:#0000001a;box-shadow:0 -4px 20px #0000001a}[data-theme=light] .vi__mob-btn:nth-child(1) .vi__mob-btn__label{color:#8a6930}[data-theme=light] .vi__mob-btn:nth-child(3) .vi__mob-btn__label{color:#2b7cb8}[data-theme=light] .vi__mob-btn:nth-child(5) .vi__mob-btn__label{color:#2a8a5e}[data-theme=light] .vi__mob-btn__icon--pdf{background:#c9a96e1a;border-color:#c9a96e33;color:#8a6930}[data-theme=light] .vi__mob-btn__icon--img{background:#2b7cb814;border-color:#2b7cb833;color:#2b7cb8}[data-theme=light] .vi__mob-btn__icon--share{background:#2a8a5e14;border-color:#2a8a5e33;color:#2a8a5e}}@media(max-width:480px){.view-invoice-page{padding:12px 12px calc(80px + env(safe-area-inset-bottom,0px))}.vi__card-shop-name{font-size:.95rem}.vi__item-name{font-size:.85rem}}[data-theme=light] .vi__card{background:#fff;border-color:#00000014}[data-theme=light] .vi__card-val,[data-theme=light] .vi__item-name,[data-theme=light] .vi__totals-final{color:#1a1a1a}[data-theme=light] .vi__totals{background:#c9a96e0a}[data-theme=light] .vi__card-head{background:#c9a96e0f}.vi__mob-btn--print{text-decoration:none;color:inherit}.vi__mob-btn__icon--print{background:#c9a96e1a;border:1px solid rgba(201,169,110,.28);color:var(--gold, #c9a96e)}.vi__mob-btn--print .vi__mob-btn__label{color:var(--gold, #c9a96e)}[data-theme=light] .vi__mob-btn--print .vi__mob-btn__label{color:#8a6930}[data-theme=light] .vi__mob-btn__icon--print{background:#c9a96e1f;border-color:#966e284d}.ir__powered{text-align:right;padding-top:6px;margin-top:2px}.ir__powered-text{font-family:Playfair Display,serif;font-size:.78rem;font-weight:700;font-style:italic;color:#be1b1b;letter-spacing:.05em;opacity:.9}.ir__powered-dot{color:#be1b1b;font-style:normal;font-weight:900}[data-theme=light] .ir__powered-text,[data-theme=light] .ir__powered-dot{color:#be1b1b}.tp-page{padding:40px 40px 120px;min-height:100vh;background:var(--bg, #0a0a0f);animation:pageIn .4s cubic-bezier(.16,1,.3,1) both}@keyframes pageIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.tp__header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px;gap:12px}.tp__eyebrow{font-size:.7rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--gold, #c9a96e);margin:0 0 4px;display:flex;align-items:center;gap:8px}.tp__eyebrow:before{content:"";display:block;width:20px;height:1px;background:var(--gold,#c9a96e)}.tp__title{font-family:Playfair Display,serif;font-size:clamp(1.6rem,3vw,2.2rem);font-weight:500;color:var(--text-primary, #f0ece4);margin:0 0 4px;letter-spacing:-.02em;line-height:1.1}.tp__subtitle{font-family:DM Sans,sans-serif;font-size:.85rem;color:var(--text-muted,#4e4b63);margin:0}.tp__back-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:1px solid var(--border,rgba(201,169,110,.18));border-radius:8px;background:transparent;color:var(--text-secondary,#8a8598);font-family:DM Sans,sans-serif;font-size:.82rem;text-decoration:none;white-space:nowrap;transition:all .2s}.tp__back-btn:hover{border-color:var(--gold,#c9a96e);color:var(--gold,#c9a96e)}.tp__bt-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;background:var(--card,#14141c);border:1px solid var(--border,rgba(201,169,110,.18));border-radius:12px;margin-bottom:16px;transition:border-color .3s}.tp__bt-bar--connected{border-color:#70c49a59}.tp__bt-bar-left{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.tp__bt-bar-left>svg{flex-shrink:0;color:var(--gold,#c9a96e)}.tp__bt-device{font-family:DM Sans,sans-serif;font-size:.78rem;color:var(--text-muted,#4e4b63);margin-top:2px}.tp__bt-warn{font-family:DM Sans,sans-serif;font-size:.75rem;color:#e0aa50;margin-top:2px}.bt-status{display:inline-flex;align-items:center;gap:7px;font-family:DM Sans,sans-serif;font-size:.85rem;color:var(--text-secondary,#8a8598)}.bt-status__dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;transition:all .3s}.tp__bt-btn{padding:8px 18px;border-radius:8px;border:1px solid var(--border,rgba(201,169,110,.25));background:#c9a96e14;color:var(--gold,#c9a96e);font-family:DM Sans,sans-serif;font-size:.82rem;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap;display:flex;align-items:center;gap:7px}.tp__bt-btn:hover:not(:disabled){background:#c9a96e26;border-color:var(--gold,#c9a96e)}.tp__bt-btn:disabled{opacity:.5;cursor:not-allowed}.tp__bt-btn--disconnect{border-color:#e070704d;background:#e070700f;color:#e07070}.tp__bt-btn--disconnect:hover:not(:disabled){background:#e070701f}.tp__tabs{display:flex;gap:0;margin-bottom:20px;border-bottom:1px solid var(--border,rgba(201,169,110,.18))}.tp__tab{display:flex;align-items:center;gap:7px;padding:10px 20px;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-muted,#4e4b63);font-family:DM Sans,sans-serif;font-size:.85rem;font-weight:400;cursor:pointer;transition:all .2s;margin-bottom:-1px}.tp__tab:hover{color:var(--text-secondary,#8a8598)}.tp__tab--active{color:var(--gold,#c9a96e);border-bottom-color:var(--gold,#c9a96e);font-weight:500}.tp__preview-wrap{display:flex;flex-direction:column;align-items:center;gap:12px}.tp__preview-label{font-family:DM Sans,sans-serif;font-size:.75rem;color:var(--text-muted,#4e4b63);letter-spacing:.08em;text-transform:uppercase}.tp__preview-note{font-family:DM Sans,sans-serif;font-size:.72rem;color:var(--text-muted,#4e4b63);text-align:center;max-width:320px}.receipt-preview{background:#fff;color:#1a1a1a;font-family:DM Mono,Courier New,monospace;font-size:11px;line-height:1.5;padding:16px 14px;width:220px;max-width:100%;border-radius:4px;box-shadow:0 8px 40px #00000080,0 2px 8px #0000004d;border-top:8px solid #f0f0f0;border-bottom:8px solid #f0f0f0;background-image:repeating-linear-gradient(transparent,transparent 3px,rgba(0,0,0,.03) 3px,rgba(0,0,0,.03) 4px)}.receipt-preview--wide{width:300px}.rp__center{text-align:center}.rp__right{text-align:right}.rp__bold{font-weight:600}.rp__small{font-size:9.5px;color:#444}.rp__muted{color:#888}.rp__large{font-size:13px;letter-spacing:.03em}.rp__total{font-size:14px;letter-spacing:.04em}.rp__divider{color:#888;letter-spacing:0;overflow:hidden;white-space:nowrap;margin:3px 0}.rp__indent{padding-left:16px;color:#666}.rp__paid{color:#2a7a4e;font-weight:600}.rp__unpaid{color:#a06020;font-weight:600}.rp__cursive{font-family:Pacifico,cursive;font-size:14px;color:#1a1a1a}.rp__row{display:flex;justify-content:space-between;gap:4px;margin:1px 0}.rp__row>span:first-child{color:#555}.rp__item-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rp__item-qty{min-width:32px;text-align:center;flex-shrink:0}.rp__item-amt{min-width:56px;text-align:right;flex-shrink:0}.rp__qr-block{display:flex;flex-direction:column;align-items:center;gap:6px;margin:8px 0;overflow:visible;padding:4px 0}.rp__qr-img{display:block;image-rendering:pixelated}.rp__qr-placeholder{width:120px;height:120px;background:#f5f5f5;border:2px dashed #ccc;display:flex;align-items:center;justify-content:center;font-size:28px;color:#ccc;letter-spacing:.1em}.tp__settings-wrap{display:flex;flex-direction:column;gap:16px}.tp__group{background:var(--card,#14141c);border:1px solid var(--border,rgba(201,169,110,.18));border-radius:12px;overflow:hidden}.tp__group--info{border-color:#70c49a33}.tp__group--warn{border-color:#e0aa5033}.tp__group-title{display:flex;align-items:center;gap:8px;padding:14px 18px;border-bottom:1px solid var(--border,rgba(201,169,110,.12));font-family:Playfair Display,serif;font-size:.92rem;font-weight:500;color:var(--text-primary,#f0ece4)}.tp__group-title svg{color:var(--gold,#c9a96e);flex-shrink:0}.tp__field{display:flex;align-items:center;justify-content:space-between;padding:13px 18px;border-bottom:1px solid var(--border,rgba(201,169,110,.08));gap:12px}.tp__field:last-child{border-bottom:none}.tp__label{font-family:DM Sans,sans-serif;font-size:.85rem;color:var(--text-secondary,#8a8598);flex:1}.tp__select{padding:7px 30px 7px 12px;background:#ffffff0a;border:1px solid var(--border,rgba(201,169,110,.2));border-radius:7px;color:var(--text-primary,#f0ece4);font-family:DM Sans,sans-serif;font-size:.82rem;outline:none;cursor:pointer;min-width:160px;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238a8598' stroke-width='2'%3E%3Cpolyline points='6,9 12,15 18,9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.tp__select:focus{border-color:var(--gold,#c9a96e)}.tp__toggle{display:flex;align-items:center;justify-content:space-between;padding:13px 18px;border-bottom:1px solid var(--border,rgba(201,169,110,.08));gap:12px;cursor:pointer;width:100%}.tp__toggle:last-child{border-bottom:none}.tp__toggle-label{font-family:DM Sans,sans-serif;font-size:.85rem;color:var(--text-secondary,#8a8598);flex:1;text-align:left}.tp__pill{width:44px;height:24px;border-radius:99px;border:1px solid var(--border,rgba(201,169,110,.2));background:#ffffff0a;cursor:pointer;padding:0;position:relative;transition:all .3s;flex-shrink:0}.tp__pill--on{background:#c9a96e33;border-color:#c9a96e66}.tp__pill-thumb{position:absolute;top:50%;transform:translateY(-50%);width:18px;height:18px;border-radius:50%;background:var(--text-muted,#4e4b63);left:3px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 4px #0000004d}.tp__pill--on .tp__pill-thumb{left:calc(100% - 21px);background:var(--gold,#c9a96e)}.tp__stepper{display:flex;align-items:center;gap:0;border:1px solid var(--border,rgba(201,169,110,.2));border-radius:8px;overflow:hidden}.tp__step-btn{width:34px;height:34px;background:#ffffff08;border:none;color:var(--text-secondary,#8a8598);font-size:1.1rem;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center}.tp__step-btn:hover:not(:disabled){background:#c9a96e1a;color:var(--gold,#c9a96e)}.tp__step-btn:disabled{opacity:.3;cursor:not-allowed}.tp__step-val{min-width:34px;text-align:center;font-family:DM Mono,monospace;font-size:.9rem;color:var(--text-primary,#f0ece4);border-left:1px solid var(--border,rgba(201,169,110,.15));border-right:1px solid var(--border,rgba(201,169,110,.15))}.tp__info-row{display:flex;justify-content:space-between;gap:12px;padding:8px 18px;border-bottom:1px solid var(--border,rgba(201,169,110,.08))}.tp__info-row:last-of-type{border-bottom:none}.tp__info-label{font-family:DM Sans,sans-serif;font-size:.78rem;color:var(--text-muted,#4e4b63)}.tp__info-val{font-family:DM Mono,monospace;font-size:.78rem;color:var(--text-primary,#f0ece4);text-align:right}.tp__info-note{padding:10px 18px 14px;font-family:DM Sans,sans-serif;font-size:.78rem;color:var(--text-muted,#4e4b63);line-height:1.5}.tp__print-bar{position:fixed;bottom:0;left:0;right:0;background:var(--card,#14141c);border-top:1px solid var(--border,rgba(201,169,110,.18));padding:14px 40px;display:flex;align-items:center;justify-content:space-between;gap:16px;z-index:50;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.tp__print-bar-info{flex:1}.tp__print-amt{font-family:Playfair Display,serif;font-size:1.3rem;font-weight:500;color:var(--text-primary,#f0ece4);line-height:1}.tp__print-meta{font-family:DM Sans,sans-serif;font-size:.75rem;color:var(--text-muted,#4e4b63);margin-top:3px}.tp__print-btn{display:flex;align-items:center;gap:8px;padding:13px 28px;background:var(--gold,#c9a96e);border:none;border-radius:10px;color:#0a0808;font-family:DM Sans,sans-serif;font-weight:500;font-size:.95rem;cursor:pointer;transition:all .22s;white-space:nowrap}.tp__print-btn:hover:not(:disabled):not(.tp__print-btn--disabled){background:#e8d5b0;box-shadow:0 8px 24px #c9a96e59;transform:translateY(-1px)}.tp__print-btn--disabled{background:#c9a96e33;color:#c9a96e80;cursor:not-allowed}.tp__print-btn--printing{background:#c9a96e99;cursor:wait}.tp__spinner{width:14px;height:14px;border-radius:50%;border:2px solid rgba(0,0,0,.2);border-top-color:#0a0808;animation:tp-spin .7s linear infinite;flex-shrink:0;display:inline-block}@keyframes tp-spin{to{transform:rotate(360deg)}}.tp__skeleton{display:flex;flex-direction:column;gap:14px;padding:40px}.tp__skeleton-bar{height:14px;border-radius:7px;background:var(--card,#14141c);animation:shimmer 1.4s ease-in-out infinite}@keyframes shimmer{0%,to{opacity:.3}50%{opacity:.6}}.toast-container{position:fixed;bottom:90px;right:16px;z-index:99999;display:flex;flex-direction:column;gap:8px}.toast{display:flex;align-items:center;gap:10px;padding:11px 16px;border-radius:10px;font-family:DM Sans,sans-serif;font-size:.875rem;box-shadow:0 8px 24px #0006;animation:toastIn .3s cubic-bezier(.16,1,.3,1) both;max-width:320px}@keyframes toastIn{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}.toast--success{background:#1a3d2b;border:1px solid #276644;color:#5ee89a;font-weight:500}.toast--error{background:#3d1818;border:1px solid #7a2828;color:#ff7070;font-weight:500}.tp__bt-bar--error{border-color:#e0707059}.tp__bt-hint{font-family:DM Sans,sans-serif;font-size:.74rem;color:var(--text-muted,#4e4b63);margin-top:2px;line-height:1.4}.tp__permission-guide{background:#e0aa5012;border:1px solid rgba(224,170,80,.35);border-radius:10px;padding:14px 16px;margin-bottom:16px;animation:pageIn .3s cubic-bezier(.16,1,.3,1) both}.tp__permission-guide-title{display:flex;align-items:center;gap:7px;font-family:DM Sans,sans-serif;font-size:.82rem;font-weight:600;color:#e0aa50;margin-bottom:10px}.tp__permission-steps{margin:0;padding-left:18px;font-family:DM Sans,sans-serif;font-size:.8rem;color:var(--text-secondary,#8a8598);line-height:1.9}.tp__permission-steps strong{color:var(--text-primary,#f0ece4)}.tp__qr-notice{display:flex;align-items:center;gap:6px;font-family:DM Sans,sans-serif;font-size:.75rem;color:#e0aa50;background:#e0aa500f;border:1px solid rgba(224,170,80,.2);border-radius:7px;padding:7px 12px;margin-top:4px}[data-theme=light] .tp-page{background:#f5f2ec}[data-theme=light] .tp__bt-bar,[data-theme=light] .tp__group{background:#fff;border-color:#b48c5033}[data-theme=light] .tp__label,[data-theme=light] .tp__toggle-label{color:#555}[data-theme=light] .tp__print-bar{background:#fff;border-color:#b48c5033}[data-theme=light] .tp__select{background:#f8f5ef;color:#1a1a1a}[data-theme=light] .bt-status{color:#555}@media(max-width:768px){.tp-page{padding:16px 14px 110px}.tp__title{font-size:1.4rem}.tp__bt-bar{flex-direction:column;align-items:stretch;gap:10px}.tp__bt-bar-left{gap:10px}.tp__bt-btn{width:100%;justify-content:center;padding:10px}.tp__print-bar{padding:12px 14px}.tp__print-btn{padding:11px 20px;font-size:.88rem}.receipt-preview{width:100%;max-width:280px}.tp__tabs{overflow-x:auto}.toast-container{bottom:90px;right:10px;left:10px}.toast{max-width:100%}}@media(max-width:420px){.tp-page{padding:12px 10px 110px}}.ps-page{padding:32px 40px 80px;min-height:100vh;background:var(--bg, #0a0a0f);animation:psIn .35s cubic-bezier(.16,1,.3,1) both}@keyframes psIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ps__header{margin-bottom:28px}.ps__eyebrow{display:flex;align-items:center;gap:10px;font-size:.68rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--gold, #c9a96e);margin:0 0 6px}.ps__eyebrow-line{display:block;width:22px;height:1px;background:var(--gold, #c9a96e)}.ps__title{font-family:Playfair Display,serif;font-size:clamp(1.5rem,3vw,2rem);font-weight:500;color:var(--text-primary, #f0ece4);margin:0 0 4px;letter-spacing:-.02em;line-height:1.1}.ps__subtitle{font-family:DM Sans,sans-serif;font-size:.85rem;color:var(--text-muted, #4e4b63);margin:0}.ps__card{background:var(--card, #14141c);border:1px solid var(--border, rgba(201,169,110,.18));border-radius:14px;margin-bottom:16px;overflow:hidden;box-shadow:0 2px 16px #0003}.ps__card--warn{border-color:#e0aa5059}.ps__card-header{display:flex;align-items:center;gap:10px;padding:14px 20px;border-bottom:1px solid var(--border, rgba(201,169,110,.15));position:relative}.ps__card-header:before{content:"";position:absolute;left:0;top:22%;bottom:22%;width:3px;border-radius:0 2px 2px 0;background:var(--gold, #c9a96e);opacity:.7}.ps__card-header h3{font-family:Playfair Display,serif;font-size:.95rem;font-weight:500;color:var(--text-primary, #f0ece4);margin:0}.ps__card-header svg{color:var(--gold, #c9a96e);flex-shrink:0}.ps__card-body{padding:18px 20px}.ps__status-block{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#ffffff05;border:1px solid var(--border, rgba(201,169,110,.15));border-radius:10px;margin-bottom:14px}.ps__status-block--ok{border-color:#70c49a4d;background:#70c49a0d}.ps__status-block--err{border-color:#e070704d;background:#e070700d}.ps__device-name{font-family:DM Sans,sans-serif;font-size:.8rem;color:var(--text-muted, #4e4b63);margin-top:3px}.ps__connect-btn{width:100%;padding:13px;background:#c9a96e1a;border:1.5px solid rgba(201,169,110,.4);border-radius:10px;color:var(--gold, #c9a96e);font-family:DM Sans,sans-serif;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px}.ps__connect-btn:hover:not(:disabled){background:#c9a96e2e;border-color:var(--gold, #c9a96e);box-shadow:0 2px 12px #c9a96e33}.ps__connect-btn:disabled{opacity:.6;cursor:not-allowed}.ps__connect-btn--disconnect{background:#e0707014;border-color:#e0707059;color:#e07070}.ps__connect-btn--disconnect:hover:not(:disabled){background:#e0707026}.ps__hint{font-family:DM Sans,sans-serif;font-size:.77rem;color:var(--text-muted, #4e4b63);margin:12px 0 0;text-align:center;line-height:1.6}.ps__warn-text{font-family:DM Sans,sans-serif;font-size:.85rem;color:#e0aa50;margin:0 0 14px;line-height:1.5}.ps__steps{margin:0;padding-left:20px;font-family:DM Sans,sans-serif;font-size:.83rem;color:var(--text-secondary, #8a8598);line-height:2}.ps__steps strong{color:var(--text-primary, #f0ece4)}.ps__compat-list{display:flex;flex-direction:column;gap:10px}.ps__compat-row{display:flex;align-items:center;gap:12px}.ps__compat-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.ps__compat-brand{font-family:DM Sans,sans-serif;font-size:.85rem;font-weight:500;color:var(--text-primary, #f0ece4)}.ps__compat-model{font-family:DM Sans,sans-serif;font-size:.75rem;color:var(--text-muted, #4e4b63)}.ps__quick-print{display:flex;align-items:center;gap:8px;padding:13px 16px;background:#70c49a14;border:1px solid rgba(112,196,154,.3);border-radius:10px;font-family:DM Sans,sans-serif;font-size:.83rem;color:#70c49a;line-height:1.5}.ps__quick-print svg{flex-shrink:0}.ps__quick-print strong{color:#70c49a}[data-theme=light] .ps-page{background:#f5f2ec}[data-theme=light] .ps__card{background:#fff;box-shadow:0 2px 8px #00000012}[data-theme=light] .ps__status-block{background:#f9f9fb}@media(max-width:768px){.ps-page{padding:16px 14px 80px}.ps__title{font-size:1.4rem}}@media(max-width:420px){.ps-page{padding:12px 10px 80px}}.settings-page{padding:40px 40px 80px;min-height:100vh;background:var(--bg, #0a0a0f);animation:pageIn .45s cubic-bezier(.16,1,.3,1) both;transition:background .35s}.settings-inner{max-width:680px;margin:0 auto;width:100%}.settings__header{margin-bottom:32px}.settings__eyebrow{font-size:.7rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--gold, #c9a96e);margin-bottom:4px;display:flex;align-items:center;gap:10px}.settings__eyebrow:before{content:"";display:block;width:24px;height:1px;background:var(--gold,#c9a96e)}.settings__title{font-family:Playfair Display,serif;font-size:clamp(1.8rem,3vw,2.4rem);font-weight:500;color:var(--text-primary, #f0ece4);letter-spacing:-.02em;margin:0;line-height:1.1;transition:color .35s}.settings__version{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:3px 10px;border-radius:20px;font-family:DM Sans,sans-serif;font-size:.72rem;background:#c9a96e14;border:1px solid rgba(201,169,110,.2);color:var(--gold, #c9a96e)}.settings__group{background:var(--card, #14141c);border:1px solid var(--border, rgba(201,169,110,.18));border-radius:16px;overflow:hidden;margin-bottom:20px;transition:background .35s,border-color .35s}.settings__group--danger{border-color:#e0707033}.settings__group-header{display:flex;align-items:center;gap:10px;padding:16px 22px;border-bottom:1px solid var(--border, rgba(201,169,110,.18));transition:border-color .35s}.settings__group--danger .settings__group-header{border-bottom-color:#e0707026}.settings__group-header svg{color:var(--gold, #c9a96e);flex-shrink:0}.settings__group--danger .settings__group-header svg{color:#e07070}.settings__group-title{font-family:Playfair Display,serif;font-size:1rem;font-weight:500;color:var(--text-primary, #f0ece4);margin:0;transition:color .35s}.settings__group-title--danger{color:#e07070}.settings__group-body{padding:4px 0}.settings__row{display:flex;align-items:center;justify-content:space-between;padding:15px 22px;gap:16px;border-bottom:1px solid rgba(201,169,110,.07);transition:background .15s}.settings__row:last-child{border-bottom:none}.settings__row:hover{background:#c9a96e05}.settings__row-info{display:flex;flex-direction:column;gap:2px}.settings__row-label{font-family:DM Sans,sans-serif;font-size:.875rem;font-weight:500;color:var(--text-primary, #f0ece4);transition:color .35s}.settings__row-sub{font-family:DM Sans,sans-serif;font-size:.78rem;color:var(--text-muted, #4e4b63);transition:color .35s}.settings__row-control{flex-shrink:0}.settings__theme-toggle{display:flex;align-items:center;gap:10px}.settings__theme-opt{font-family:DM Sans,sans-serif;font-size:.82rem;color:var(--text-secondary, #8a8598);transition:color .35s}.settings__pill{width:48px;height:26px;border-radius:99px;border:1px solid rgba(201,169,110,.25);cursor:pointer;padding:0;position:relative;transition:all .3s ease}.settings__pill--dark{background:#c9a96e1f;border-color:#c9a96e4d}.settings__pill--light{background:#c9a96e33;border-color:#b48c3c66}.settings__pill-thumb{position:absolute;top:50%;transform:translateY(-50%);width:20px;height:20px;border-radius:50%;background:var(--gold, #c9a96e);transition:left .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 4px #0000004d}.settings__pill--dark .settings__pill-thumb{left:3px}.settings__pill--light .settings__pill-thumb{left:calc(100% - 23px)}.settings__val{font-family:DM Sans,sans-serif;font-size:.82rem;color:var(--text-muted, #4e4b63);transition:color .35s}.settings__val--ok{color:#70c49a}.settings__google-pill{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:6px;background:#70c49a14;border:1px solid rgba(112,196,154,.2);color:#70c49a;font-family:DM Sans,sans-serif;font-size:.75rem}.settings__link-btn{background:none;border:none;color:var(--gold, #c9a96e);font-family:DM Sans,sans-serif;font-size:.82rem;cursor:pointer;padding:0;transition:opacity .2s}.settings__link-btn:hover{opacity:.7}.settings__danger-btn{padding:8px 16px;background:#e0707014;border:1px solid rgba(224,112,112,.25);border-radius:8px;color:#e07070;font-family:DM Sans,sans-serif;font-size:.82rem;font-weight:500;cursor:pointer;transition:all .2s}.settings__danger-btn:hover{background:#e0707026}.settings__shortcuts-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;padding:4px 0}.settings__shortcut-item{display:flex;align-items:center;justify-content:space-between;padding:12px 22px;font-family:DM Sans,sans-serif;font-size:.82rem;color:var(--text-secondary, #8a8598);transition:color .35s;border-bottom:1px solid rgba(201,169,110,.06)}.settings__shortcut-item:nth-last-child(-n+2){border-bottom:none}kbd{display:inline-flex;align-items:center;padding:2px 8px;border-radius:5px;background:#c9a96e14;border:1px solid rgba(201,169,110,.2);font-family:DM Sans,sans-serif;font-size:.72rem;color:var(--gold, #c9a96e)}.settings__export-btn{display:flex;align-items:center;gap:8px;padding:8px 14px;background:transparent;border:1px solid rgba(201,169,110,.2);border-radius:8px;color:var(--text-secondary, #8a8598);font-family:DM Sans,sans-serif;font-size:.82rem;cursor:pointer;transition:all .2s}.settings__export-btn:hover{border-color:var(--gold, #c9a96e);color:var(--gold, #c9a96e)}.settings__status-dot{display:inline-flex;align-items:center;gap:7px;font-family:DM Sans,sans-serif;font-size:.82rem}.settings__dot{width:8px;height:8px;border-radius:50%;animation:blink 2.5s ease-in-out infinite}.settings__dot--green{background:#70c49a}@keyframes blink{0%,to{opacity:1}50%{opacity:.4}}.settings__overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease}.settings__dialog{background:var(--card, #14141c);border:1px solid var(--border, rgba(201,169,110,.18));border-radius:16px;padding:32px;width:340px;max-width:calc(100vw - 40px);text-align:center;animation:dialogIn .25s cubic-bezier(.16,1,.3,1);box-shadow:0 24px 64px #00000080}@keyframes dialogIn{0%{opacity:0;transform:scale(.94) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.settings__dialog-icon{width:48px;height:48px;border-radius:12px;background:#e070701a;border:1px solid rgba(224,112,112,.2);color:#e07070;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.settings__dialog-title{font-family:Playfair Display,serif;font-size:1.1rem;color:var(--text-primary, #f0ece4);margin-bottom:8px}.settings__dialog-sub{font-size:.85rem;color:var(--text-muted, #4e4b63);line-height:1.6;margin-bottom:24px;font-weight:300}.settings__dialog-actions{display:flex;gap:10px}.settings__dialog-cancel{flex:1;padding:11px;background:transparent;border:1px solid var(--border, rgba(201,169,110,.2));border-radius:8px;color:var(--text-secondary, #8a8598);font-family:DM Sans,sans-serif;font-size:.875rem;cursor:pointer;transition:all .2s}.settings__dialog-cancel:hover{border-color:var(--gold,#c9a96e);color:var(--text-primary,#f0ece4)}.settings__dialog-confirm{flex:1;padding:11px;background:#e0707026;border:1px solid rgba(224,112,112,.3);border-radius:8px;color:#e07070;font-family:DM Sans,sans-serif;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.settings__dialog-confirm:hover{background:#e0707040}[data-theme=light] .settings__group,[data-theme=light] .settings__dialog{background:#fff}.toast-container{position:fixed;bottom:24px;right:24px;z-index:9999;display:flex;flex-direction:column;gap:8px}@media(max-width:768px){.settings-page{padding:24px 16px 80px}.settings__shortcuts-grid{grid-template-columns:1fr}}@media(max-width:768px){.settings-page{padding:16px 14px 80px}.settings-inner{max-width:100%}.settings__title{font-size:1.5rem}.settings__group{border-radius:12px}.settings__group-header{padding:14px 18px}.settings__row{padding:13px 18px;gap:12px}.settings__row-label{font-size:.84rem}.settings__shortcuts-grid{grid-template-columns:1fr}.settings__shortcut-item{padding:11px 18px;font-size:.8rem}.settings__shortcut-item:nth-last-child(-n+2){border-bottom:1px solid rgba(201,169,110,.06)}.settings__shortcut-item:last-child{border-bottom:none}}@media(max-width:420px){.settings-page{padding:12px 10px 80px}.settings__row{flex-direction:column;align-items:flex-start;gap:8px}.settings__row-control{align-self:flex-end}}.settings__storage-card{background:var(--bg, #0a0a0f);border:1px solid var(--border, rgba(201,169,110,.18));border-radius:12px;padding:16px 18px}.settings__storage-bar-wrap{height:6px;background:#c9a96e1a;border-radius:99px;overflow:hidden;margin-bottom:8px}.settings__storage-bar-fill{height:100%;border-radius:99px;transition:width .6s cubic-bezier(.16,1,.3,1)}.settings__storage-bar-labels{display:flex;justify-content:space-between;font-family:DM Sans,sans-serif;font-size:.75rem;color:var(--text-muted, #4e4b63);margin-bottom:16px}.settings__storage-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.settings__storage-stat{display:flex;flex-direction:column;gap:3px}.settings__storage-stat-val{font-family:Playfair Display,serif;font-size:1.2rem;font-weight:500;color:var(--text-primary, #f0ece4);line-height:1}.settings__storage-stat-label{font-family:DM Sans,sans-serif;font-size:.72rem;color:var(--text-muted, #4e4b63)}.settings__storage-note{font-family:DM Sans,sans-serif;font-size:.7rem;color:var(--text-muted, #4e4b63);opacity:.6;margin:0}@media(max-width:640px){.settings__storage-row{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.settings__export-btn{align-self:flex-start;padding:4px 10px;font-size:.72rem}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.profile-page{padding:40px 40px 100px;min-height:100vh;background:var(--bg, #0a0a0f);animation:pageIn .45s cubic-bezier(.16,1,.3,1) both}@keyframes pageIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.profile__header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:28px;gap:16px;flex-wrap:wrap}.profile__eyebrow{font-size:.7rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--gold, #c9a96e);margin-bottom:4px;display:flex;align-items:center;gap:10px}.profile__eyebrow:before{content:"";display:block;width:24px;height:1px;background:var(--gold, #c9a96e)}.profile__title{font-family:Playfair Display,serif;font-size:clamp(1.8rem,3vw,2.4rem);font-weight:500;color:var(--text-primary, #f0ece4);letter-spacing:-.02em;margin:0 0 4px;line-height:1.1}.profile__subtitle{font-family:DM Sans,sans-serif;font-size:.875rem;color:var(--text-muted, #4e4b63);margin:0}.profile__header-right{display:flex;align-items:flex-start;padding-top:4px}.profile__badge{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border-radius:8px;font-family:DM Sans,sans-serif;font-size:.75rem;font-weight:500;white-space:nowrap}.profile__badge--ok{background:#70c49a1a;border:1px solid rgba(112,196,154,.3);color:#70c49a}.profile__badge--new{background:#e0aa501a;border:1px solid rgba(224,170,80,.3);color:#e0aa50}.profile__google-banner{display:flex;align-items:center;gap:14px;padding:16px 20px;background:var(--card, #14141c);border:1px solid var(--border, rgba(201,169,110,.18));border-radius:12px;margin-bottom:24px}.profile__google-avatar{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#c9a96e26;border:2px solid rgba(201,169,110,.25);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-family:Playfair Display,serif;font-size:1.1rem;color:var(--gold, #c9a96e)}.profile__google-avatar img{width:100%;height:100%;object-fit:cover}.profile__google-name{font-family:DM Sans,sans-serif;font-size:.9rem;font-weight:500;color:var(--text-primary, #f0ece4)}.profile__google-email{font-family:DM Sans,sans-serif;font-size:.78rem;color:var(--text-muted, #4e4b63);margin-top:2px}.profile__google-label{margin-left:auto;font-family:DM Sans,sans-serif;font-size:.72rem;color:var(--text-muted, #4e4b63);padding:4px 10px;background:#c9a96e0f;border:1px solid rgba(201,169,110,.15);border-radius:6px;white-space:nowrap}.profile__groups{display:flex;flex-direction:column;gap:20px}.profile__group{background:var(--card, #14141c);border:1px solid var(--border, rgba(201,169,110,.18));border-radius:16px;overflow:hidden}.profile__group-header{display:flex;align-items:center;gap:10px;padding:18px 24px;border-bottom:1px solid var(--border, rgba(201,169,110,.18))}.profile__group-header svg{color:var(--gold, #c9a96e);flex-shrink:0}.profile__group-title{font-family:Playfair Display,serif;font-size:1rem;font-weight:500;color:var(--text-primary, #f0ece4);margin:0}.profile__group-body{padding:20px 24px}.profile__grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:640px){.profile__grid{grid-template-columns:1fr}}.profile__field{display:flex;flex-direction:column;gap:7px}.profile__field--full{grid-column:1 / -1}.profile__label{font-family:DM Sans,sans-serif;font-size:.72rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted, #4e4b63)}.profile__req{color:var(--gold, #c9a96e);margin-left:2px}.profile__input,.profile__textarea{padding:11px 14px;background:#ffffff08;border:1px solid var(--border, rgba(201,169,110,.18));border-radius:9px;font-family:DM Sans,sans-serif;font-size:.92rem;color:var(--text-primary, #f0ece4);outline:none;transition:all .2s ease;-webkit-appearance:none;width:100%;box-sizing:border-box}.profile__input::placeholder,.profile__textarea::placeholder{color:var(--text-muted, #4e4b63)}.profile__input:focus,.profile__textarea:focus{border-color:var(--gold, #c9a96e);background:#c9a96e0f;box-shadow:0 0 0 3px #c9a96e12}.profile__textarea{resize:vertical;min-height:80px;line-height:1.6}.profile__field-hint{font-family:DM Sans,sans-serif;font-size:.72rem;color:var(--text-muted, #4e4b63);line-height:1.5;margin-top:-2px}.profile__sig-preview{margin-top:6px;padding:14px 16px;background:#c9a96e0a;border:1px solid rgba(201,169,110,.15);border-radius:10px}.profile__sig-paper{display:inline-block;background:#fff;border-radius:5px;padding:8px 20px 4px;border-bottom:1.5px solid #555;box-shadow:0 2px 10px #0000002e;min-width:200px}.profile__sig-text{font-family:Pacifico,cursive;font-size:1.6rem;color:#1a1a1a;line-height:1.5;display:block;white-space:nowrap}.profile__sig-caption{font-family:DM Sans,sans-serif;font-size:.68rem;color:var(--text-muted, #4e4b63);margin:8px 0 0;letter-spacing:.04em}.profile__save-bar{position:fixed;bottom:0;left:0;right:0;background:var(--card, #14141c);border-top:1px solid var(--border, rgba(201,169,110,.18));padding:14px 40px;display:flex;align-items:center;justify-content:flex-end;gap:16px;z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.profile__save-hint{font-family:DM Sans,sans-serif;font-size:.78rem;color:var(--text-muted, #4e4b63);flex:1;display:none}@media(min-width:640px){.profile__save-hint{display:block}}.profile__save-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:var(--gold, #c9a96e);border:none;border-radius:10px;color:#0a0808;font-family:DM Sans,sans-serif;font-weight:500;font-size:.92rem;cursor:pointer;transition:all .22s ease;white-space:nowrap}.profile__save-btn:hover:not(:disabled){background:#e8d5b0;box-shadow:0 8px 24px #c9a96e47}.profile__save-btn:disabled{opacity:.5;cursor:not-allowed}.profile__skeleton{display:flex;flex-direction:column;gap:20px}.profile__skeleton-card{height:180px;background:var(--card, #14141c);border:1px solid var(--border, rgba(201,169,110,.18));border-radius:16px;animation:shimmer 1.5s ease-in-out infinite}@keyframes shimmer{0%,to{opacity:.4}50%{opacity:.7}}.toast-container{position:fixed;bottom:80px;right:24px;z-index:9999;display:flex;flex-direction:column;gap:8px}.toast{display:flex;align-items:center;gap:10px;padding:12px 18px;border-radius:10px;font-family:DM Sans,sans-serif;font-size:.875rem;box-shadow:0 8px 24px #0000004d;animation:toastIn .3s cubic-bezier(.16,1,.3,1) both}@keyframes toastIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.toast--success{background:#70c49a26;border:1px solid rgba(112,196,154,.3);color:#70c49a}.toast--error{background:#e070701f;border:1px solid rgba(224,112,112,.25);color:#e07070}@media(max-width:768px){.profile-page{padding:16px 14px 100px}.profile__title{font-size:1.5rem}.profile__group{border-radius:12px}.profile__group-header{padding:14px 18px}.profile__group-body{padding:16px 18px}.profile__grid{grid-template-columns:1fr;gap:14px}.profile__save-bar{padding:12px 14px}.profile__google-banner{padding:14px 16px;gap:12px}.profile__google-label{display:none}.profile__header{flex-direction:column;align-items:flex-start}.profile__sig-paper{min-width:140px}.profile__sig-text{font-size:1.3rem}}@media(max-width:420px){.profile-page{padding:12px 10px 100px}.profile__input,.profile__textarea{font-size:.875rem;padding:10px 12px}}.layout{display:flex;min-height:100vh;background:var(--bg, #0a0a0f)}.layout__overlay{position:fixed;inset:0;background:#000000a6;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:98;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.layout__main{flex:1;min-width:0;transition:margin-left .25s cubic-bezier(.4,0,.2,1)}.layout__topbar{position:sticky;top:0;z-index:90;display:flex;align-items:flex-end;justify-content:space-between;padding-top:max(env(safe-area-inset-top,0px),var(--status-bar-height, 40px));padding-left:16px;padding-right:16px;padding-bottom:0;height:calc(56px + max(env(safe-area-inset-top,0px),var(--status-bar-height, 40px)));background:var(--card, #14141c);border-bottom:1px solid var(--border, rgba(201, 169, 110, .18));backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.layout__topbar>*{display:flex;align-items:center;margin-bottom:8px}.layout__topbar-logo{font-family:Playfair Display,serif;font-size:1.15rem;font-weight:500;color:var(--text-primary, #f0ece4);letter-spacing:-.01em}.layout__topbar-dot{color:var(--gold, #c9a96e)}.layout__hamburger{width:40px;height:40px;border-radius:10px;border:1px solid var(--border, rgba(201, 169, 110, .2));background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer;padding:0;transition:all .2s;flex-shrink:0}.layout__hamburger:hover{border-color:var(--gold, #c9a96e);background:#c9a96e0f}.layout__hamburger span{display:block;width:18px;height:1.5px;background:var(--text-primary, #f0ece4);border-radius:2px;transition:all .3s}@media(min-width:769px){.layout__topbar{display:none}}[data-theme=light] .layout__topbar{background:#fffffff2;border-color:#b48c5033}[data-theme=light] .layout__main{background:#f5f5f8}:root{--gold: #c9a96e;--gold-light: #e8d5b0;--gold-dim: rgba(201, 169, 110, .12);--bg: #0a0a0f;--card: #14141c;--border: rgba(201, 169, 110, .18);--text-primary: #f0ece4;--text-secondary: #ebe9ef;--text-muted: #8f8e96;--input-bg: rgba(255, 255, 255, .03);--toggle-bg: rgba(255, 255, 255, .05);--toggle-active-bg: rgba(201, 169, 110, .12);--error-bg: rgba(224, 112, 112, .1);--error-color: #e07070;--error-border: rgba(224, 112, 112, .2);--success-bg: rgba(112, 196, 154, .1);--success-color: #70c49a;--success-border: rgba(112, 196, 154, .2);--shadow: 0 24px 64px rgba(0, 0, 0, .55), 0 0 0 1px var(--border);--ambient1: rgba(201, 169, 110, .07);--ambient2: rgba(90, 70, 170, .05)}[data-theme=light]{--bg: #f2ede3;--card: #ffffff;--border: rgba(180, 140, 80, .22);--text-primary: #1a1610;--text-secondary: #5a5040;--text-muted: #a09070;--input-bg: rgba(0, 0, 0, .025);--toggle-bg: rgba(0, 0, 0, .05);--toggle-active-bg: rgba(201, 169, 110, .15);--error-bg: rgba(200, 60, 60, .07);--error-color: #b03030;--error-border: rgba(200, 60, 60, .2);--success-bg: rgba(40, 140, 80, .08);--success-color: #287850;--success-border: rgba(40, 140, 80, .2);--shadow: 0 24px 64px rgba(160, 120, 40, .1), 0 4px 16px rgba(0, 0, 0, .06), 0 0 0 1px var(--border);--ambient1: rgba(201, 169, 110, .2);--ambient2: rgba(180, 140, 60, .1)}.login-container{width:100%;min-height:100vh;display:flex;justify-content:center;align-items:center;padding:24px 16px;background:var(--bg);position:relative;overflow:hidden;transition:background .35s ease}.login-container:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse 70% 55% at 25% 35%,var(--ambient1) 0%,transparent 60%),radial-gradient(ellipse 55% 65% at 75% 65%,var(--ambient2) 0%,transparent 55%);pointer-events:none;transition:background .35s ease;z-index:0}.login-container:after{content:"";position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.035'/%3E%3C/svg%3E");pointer-events:none;opacity:.4;z-index:0}.login-card{background:var(--card);border-radius:20px;box-shadow:var(--shadow);padding:44px 40px;width:100%;max-width:420px;position:relative;z-index:1;animation:cardIn .55s cubic-bezier(.16,1,.3,1) both;transition:background .35s ease,box-shadow .35s ease}@keyframes cardIn{0%{opacity:0;transform:translateY(28px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.card-corner-tr,.card-corner-bl{position:absolute;width:28px;height:28px;pointer-events:none;transition:border-color .35s}.card-corner-tr{top:16px;right:16px;border-top:1px solid var(--border);border-right:1px solid var(--border)}.card-corner-bl{bottom:16px;left:16px;border-bottom:1px solid var(--border);border-left:1px solid var(--border)}.theme-toggle{position:absolute;top:16px;right:56px;background:none;border:1px solid var(--border);border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-muted);font-size:.85rem;line-height:1;transition:all .2s ease;z-index:2;padding:0}.theme-toggle:hover{border-color:var(--gold);color:var(--gold);background:var(--gold-dim)}.form-logo{font-family:Playfair Display,serif;font-size:1.7rem;font-weight:500;color:var(--text-primary);letter-spacing:-.02em;margin-bottom:4px;transition:color .35s}.form-logo span{color:var(--gold)}.form-subtitle{font-size:.84rem;color:var(--text-muted);margin-bottom:32px;font-weight:300;transition:color .35s}.mode-toggle{display:flex;background:var(--toggle-bg);border-radius:10px;padding:4px;gap:4px;margin-bottom:28px;transition:background .35s}.mode-toggle button{flex:1;padding:10px 8px;border:none;background:transparent;font-family:DM Sans,sans-serif;font-weight:400;font-size:.87rem;color:var(--text-muted);cursor:pointer;border-radius:7px;transition:all .2s ease;white-space:nowrap}.mode-toggle button.active{background:var(--toggle-active-bg);color:var(--gold);font-weight:500}.mode-toggle button:hover:not(.active){color:var(--text-secondary)}.email-form{display:flex;flex-direction:column;gap:16px}.input-group{display:flex;flex-direction:column;gap:6px}.input-group label{font-size:.7rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);transition:color .35s}.input-group input{width:100%;padding:13px 15px;background:var(--input-bg);border:1px solid var(--border);border-radius:10px;font-family:DM Sans,sans-serif;font-size:1rem;color:var(--text-primary);outline:none;transition:all .2s ease;-webkit-appearance:none;appearance:none}.input-group input::placeholder{color:var(--text-muted);font-weight:300}.input-group input:focus{border-color:var(--gold);background:var(--gold-dim);box-shadow:0 0 0 3px #c9a96e14}.forgot-link{background:none;border:none;color:var(--text-muted);font-family:DM Sans,sans-serif;font-size:.8rem;cursor:pointer;text-align:right;align-self:flex-end;margin-top:-4px;padding:4px 0;transition:color .2s}.forgot-link:hover{color:var(--gold)}.primary-btn{width:100%;padding:15px;background:var(--gold);border:none;border-radius:10px;color:#0a0808;font-family:DM Sans,sans-serif;font-weight:500;font-size:.87rem;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;position:relative;overflow:hidden;transition:all .25s ease;margin-top:4px;-webkit-tap-highlight-color:transparent;min-height:48px}.primary-btn:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.16) 0%,transparent 55%);pointer-events:none}.primary-btn:hover:not(:disabled){background:var(--gold-light);box-shadow:0 8px 28px #c9a96e4d;transform:translateY(-1px)}.primary-btn:active:not(:disabled){transform:translateY(0);box-shadow:none}.primary-btn:disabled{opacity:.5;cursor:not-allowed}.divider{position:relative;text-align:center;margin:24px 0}.divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:var(--border);transition:background .35s}.divider span{position:relative;background:var(--card);padding:0 12px;color:var(--text-muted);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;transition:background .35s,color .35s}.google-btn{width:100%;padding:13px;background:transparent;border:1px solid var(--border);border-radius:10px;display:flex;align-items:center;justify-content:center;gap:10px;font-family:DM Sans,sans-serif;font-weight:400;font-size:.9rem;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;min-height:48px;-webkit-tap-highlight-color:transparent}.google-btn:hover:not(:disabled){border-color:#c9a96e66;background:var(--gold-dim);color:var(--text-primary)}.google-btn:active:not(:disabled){background:var(--gold-dim)}.google-btn img{width:18px;height:18px}.terms{text-align:center;color:var(--text-muted);font-size:.72rem;margin-top:22px;line-height:1.65;font-weight:300;transition:color .35s}.error-message{background:var(--error-bg);color:var(--error-color);border:1px solid var(--error-border);padding:10px 14px;border-radius:8px;font-size:.84rem;text-align:center}.success-message{background:var(--success-bg);color:var(--success-color);border:1px solid var(--success-border);padding:10px 14px;border-radius:8px;font-size:.84rem;text-align:center}@media(max-width:480px){.login-container{padding:0;align-items:flex-start}.login-card{border-radius:0;min-height:100vh;max-width:100%;padding-top:calc(max(env(safe-area-inset-top,0px),var(--status-bar-height, 28px)) + 32px);padding-left:24px;padding-right:24px;padding-bottom:max(env(safe-area-inset-bottom,0px),40px);box-shadow:none;display:flex;flex-direction:column;justify-content:center}.card-corner-tr,.card-corner-bl{display:none}.theme-toggle{top:calc(max(env(safe-area-inset-top,0px),var(--status-bar-height, 28px)) + 12px)}.form-logo{font-size:1.9rem}.form-subtitle{margin-bottom:28px}.mode-toggle{margin-bottom:24px}.terms{margin-top:20px}}@media(max-width:480px)and (orientation:landscape){.login-container{align-items:center}.login-card{min-height:auto;border-radius:0;padding:32px 24px}}@media(min-width:481px)and (max-width:768px){.login-card{max-width:400px;padding:40px 36px}}@keyframes shakeIn{0%{transform:translate(0);opacity:0}15%{transform:translate(-6px);opacity:1}30%{transform:translate(6px)}45%{transform:translate(-4px)}60%{transform:translate(4px)}75%{transform:translate(-2px)}to{transform:translate(0);opacity:1}}*,*:before,*:after{box-sizing:border-box}:root{font-family:DM Sans,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color-scheme:only dark}html,body{margin:0;padding:0;width:100%;min-height:100vh;min-width:320px}body{display:block}h1,h2,h3,h4,h5,h6{margin:0}a{font-weight:500;color:#c9a96e;text-decoration:none}a:hover{color:#e8d5b0}button{font-family:DM Sans,sans-serif;cursor:pointer}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#c9a96e33;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#c9a96e66}