@nice2dev/ui-platform 1.0.12 → 1.0.14

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/README.md +14 -0
  2. package/dist/style.css +1 -1
  3. package/package.json +1 -1
package/README.md CHANGED
@@ -28,6 +28,20 @@ Embedded, hardware (barcode/QR), and offline-first React components for Nice2Dev
28
28
  npm install @nice2dev/ui-platform
29
29
  ```
30
30
 
31
+ ## Styling
32
+
33
+ This package ships unstyled component logic. Import the shared CSS bundle once at your app entrypoint:
34
+
35
+ ```tsx
36
+ import '@nice2dev/ui/style.css';
37
+ ```
38
+
39
+ Optional: opt into the legacy shorthand token aliases (`--bg-*`, `--text-*`, `--border-*`, ...) when migrating from a custom design-token system:
40
+
41
+ ```tsx
42
+ import '@nice2dev/ui/css/legacy-bg-text-aliases.css';
43
+ ```
44
+
31
45
  ## License
32
46
 
33
47
  MIT
package/dist/style.css CHANGED
@@ -1 +1 @@
1
- :root{--nas-primary: var(--nice-primary-hover, #2563eb);--nas-error: var(--nice-danger, #ef4444);--nas-bg: var(--nice-text, #0f172a);--nas-text: var(--nice-bg, #FFFFFF);--nas-text-muted: var(--nice-overlay-light-60, rgba(255, 255, 255, .6));--nas-progress-bg: var(--nice-overlay-light-10, rgba(255, 255, 255, .1));--nas-progress-bar: var(--nice-primary, #3b82f6);--nas-radius: 8px}.nice-auto-start__splash{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--nas-bg);display:flex;align-items:center;justify-content:center;z-index:99999;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.nice-auto-start__splash-content{text-align:center;max-width:400px;padding:var(--nice-space-10, 40px)}.nice-auto-start__splash-logo{font-size:80px;color:var(--nas-primary);margin-bottom:var(--nice-space-6, 24px);animation:nas-logo-pulse 2s ease-in-out infinite}@keyframes nas-logo-pulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.nice-auto-start__splash-title{font-size:24px;font-weight:600;color:var(--nas-text);margin:0 0 var(--nice-space-8, 32px) 0}.nice-auto-start__splash-progress{width:100%;height:4px;background:var(--nas-progress-bg);border-radius:var(--nice-radius-sm, 2px);overflow:hidden;margin-bottom:var(--nice-space-4, 16px)}.nice-auto-start__splash-progress-bar{height:100%;background:var(--nas-progress-bar);transition:width .3s ease}.nice-auto-start__splash-task{font-size:13px;color:var(--nas-text-muted);min-height:20px}.nice-auto-start__splash-recovery{margin-top:var(--nice-space-4, 16px);font-size:12px;color:var(--nice-warning, #f59e0b);padding:var(--nice-space-2, 8px) var(--nice-space-4, 16px);background:var(--nice-warning-tint-10, rgba(245, 158, 11, .1));border-radius:var(--nas-radius)}.nice-auto-start__error{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--nas-bg);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:99999;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;padding:var(--nice-space-10, 40px);text-align:center}.nice-auto-start__error-icon{width:80px;height:80px;background:var(--nice-danger-tint-10, rgba(239, 68, 68, .1));border-radius:var(--nice-radius-full, 50%);display:flex;align-items:center;justify-content:center;font-size:40px;color:var(--nas-error);margin-bottom:var(--nice-space-6, 24px)}.nice-auto-start__error-title{font-size:24px;font-weight:600;color:var(--nas-text);margin:0 0 var(--nice-space-3, 12px) 0}.nice-auto-start__error-message{font-size:14px;color:var(--nas-text-muted);margin:0 0 var(--nice-space-6, 24px) 0;max-width:400px}.nice-auto-start__error-retry{padding:var(--nice-space-3, 12px) var(--nice-space-8, 32px);background:var(--nas-primary);border:none;border-radius:var(--nas-radius);color:var(--nice-bg, #FFFFFF);font-size:14px;font-weight:500;cursor:pointer;transition:background .2s,transform .1s}.nice-auto-start__error-retry:hover{background:var(--nice-primary-dark, #1d4ed8)}.nice-auto-start__error-retry:active{transform:scale(.98)}.nice-auto-start__tasks{margin-top:var(--nice-space-6, 24px);text-align:left}.nice-auto-start__task{display:flex;align-items:center;gap:var(--nice-space-3, 12px);padding:var(--nice-space-2, 8px) 0;font-size:13px;color:var(--nas-text-muted)}.nice-auto-start__task--completed{color:var(--nice-success, #10b981)}.nice-auto-start__task--failed{color:var(--nas-error)}.nice-auto-start__task--active{color:var(--nas-text)}.nice-auto-start__task-icon{width:16px;height:16px;display:flex;align-items:center;justify-content:center}.nice-auto-start__task-icon--loading{animation:nas-spin 1s linear infinite}@keyframes nas-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.nice-auto-start__skip{position:absolute;bottom:40px;padding:var(--nice-space-2, 8px) var(--nice-space-4, 16px);background:transparent;border:1px solid var(--nice-overlay-light-20, rgba(255, 255, 255, .2));border-radius:var(--nas-radius);color:var(--nas-text-muted);font-size:12px;cursor:pointer;transition:border-color .2s,color .2s}.nice-auto-start__skip:hover{border-color:var(--nice-overlay-light-40, rgba(255, 255, 255, .4));color:var(--nas-text)}.nice-auto-start__version{position:absolute;bottom:20px;font-size:11px;color:var(--nice-overlay-light-30, rgba(255, 255, 255, .3))}@media (max-width: 480px){.nice-auto-start__splash-content{padding:var(--nice-space-5, 20px)}.nice-auto-start__splash-logo{font-size:60px}.nice-auto-start__splash-title{font-size:20px}.nice-auto-start__error{padding:var(--nice-space-5, 20px)}.nice-auto-start__error-icon{width:60px;height:60px;font-size:30px}.nice-auto-start__error-title{font-size:20px}}.nice-auto-start__splash{animation:nas-fade-in .5s ease}@keyframes nas-fade-in{0%{opacity:0}to{opacity:1}}.nice-auto-start__splash--exit{animation:nas-fade-out .3s ease forwards}@keyframes nas-fade-out{0%{opacity:1}to{opacity:0}}:root{--external-display-bg: var(--nice-color-surface, #ffffff);--external-display-border: var(--nice-border, #e5e7eb);--external-display-text: var(--nice-color-text, #1f2937);--external-display-text-secondary: var(--nice-color-text-secondary, #6b7280);--external-display-primary: var(--nice-primary, #3b82f6);--external-display-primary-light: var(--nice-primary-bg, #dbeafe);--external-display-success: var(--nice-success, #22c55e);--external-display-warning: var(--nice-warning, #f59e0b);--external-display-error: var(--nice-danger, #ef4444)}.nice-external-display{position:relative;width:100%;height:100%}.nice-screen-selector{display:flex;flex-direction:column;gap:1rem;padding:1rem;background-color:var(--external-display-bg);border-radius:var(--nice-radius-lg, .5rem);box-shadow:0 4px 6px -1px var(--nice-overlay-10, rgba(0, 0, 0, .1))}.nice-screen-selector__preview{position:relative;margin:0 auto;background-color:var(--nice-bg-secondary, #f3f4f6);border-radius:var(--nice-radius-sm, .25rem);overflow:hidden}.nice-screen-selector__screen{position:absolute;display:flex;align-items:center;justify-content:center;background-color:var(--nice-border, #e5e7eb);border:2px solid var(--external-display-border);border-radius:var(--nice-radius-sm, .25rem);cursor:pointer;transition:all .2s ease;padding:0;font-family:inherit}.nice-screen-selector__screen:hover{background-color:var(--nice-border, #d1d5db);border-color:var(--nice-text-muted, #9ca3af)}.nice-screen-selector__screen--selected{background-color:var(--external-display-primary-light);border-color:var(--external-display-primary)}.nice-screen-selector__screen--primary{border-width:3px}.nice-screen-selector__screen-label{font-size:.75rem;font-weight:600;color:var(--external-display-text-secondary)}.nice-screen-selector__screen--selected .nice-screen-selector__screen-label{color:var(--external-display-primary)}.nice-screen-selector__list{display:flex;flex-direction:column;gap:.5rem}.nice-screen-selector__item{display:flex;align-items:center;gap:.75rem;padding:.75rem;border:1px solid var(--external-display-border);border-radius:var(--nice-radius-md, .375rem);background:transparent;cursor:pointer;transition:all .2s ease;font-family:inherit;text-align:left}.nice-screen-selector__item:hover{background-color:var(--nice-bg-secondary, #f3f4f6);border-color:var(--nice-border, #d1d5db)}.nice-screen-selector__item--selected{background-color:var(--external-display-primary-light);border-color:var(--external-display-primary)}.nice-screen-selector__item-name{flex:1;font-size:.875rem;font-weight:500;color:var(--external-display-text)}.nice-screen-selector__item-resolution{font-size:.75rem;color:var(--external-display-text-secondary);font-family:monospace}.nice-screen-selector__item-badge{font-size:.625rem;font-weight:600;text-transform:uppercase;padding:.25rem .5rem;background-color:var(--external-display-primary);color:var(--nice-bg, #FFFFFF);border-radius:var(--nice-radius-full, 9999px)}.nice-window-manager{display:flex;flex-direction:column;gap:1rem;padding:1rem;background-color:var(--external-display-bg);border-radius:var(--nice-radius-lg, .5rem);box-shadow:0 4px 6px -1px var(--nice-overlay-10, rgba(0, 0, 0, .1))}.nice-window-manager__header{display:flex;align-items:center;justify-content:space-between}.nice-window-manager__title{font-size:1rem;font-weight:600;color:var(--external-display-text)}.nice-window-manager__count{font-size:.875rem;color:var(--external-display-text-secondary)}.nice-window-manager__windows{display:flex;flex-direction:column;gap:.5rem}.nice-window-manager__window{display:flex;align-items:center;gap:.75rem;padding:.75rem;background-color:var(--nice-bg-secondary, #f9fafb);border-radius:var(--nice-radius-md, .375rem)}.nice-window-manager__window-status{width:.625rem;height:.625rem;border-radius:var(--nice-radius-full, 50%);flex-shrink:0}.nice-window-manager__window-status--open{background-color:var(--external-display-success)}.nice-window-manager__window-status--opening{background-color:var(--external-display-warning);animation:external-pulse 1s ease-in-out infinite}.nice-window-manager__window-status--error{background-color:var(--external-display-error)}.nice-window-manager__window-status--closed{background-color:var(--nice-text-muted, #9ca3af)}@keyframes external-pulse{0%,to{opacity:1}50%{opacity:.5}}.nice-window-manager__window-info{flex:1;min-width:0}.nice-window-manager__window-id{font-size:.75rem;font-weight:500;color:var(--external-display-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nice-window-manager__window-screen{font-size:.75rem;color:var(--external-display-text-secondary)}.nice-window-manager__window-actions{display:flex;gap:.25rem}.nice-window-manager__window-action{padding:.375rem;border:none;border-radius:var(--nice-radius-sm, .25rem);background:transparent;color:var(--external-display-text-secondary);cursor:pointer;transition:all .2s ease}.nice-window-manager__window-action:hover{background-color:var(--nice-border, #e5e7eb);color:var(--external-display-text)}.nice-window-manager__window-action--danger:hover{background-color:var(--nice-danger-bg, #fee2e2);color:var(--external-display-error)}.nice-window-manager__window-action svg{width:1rem;height:1rem}.nice-window-manager__empty{text-align:center;padding:2rem;color:var(--external-display-text-secondary);font-size:.875rem}.nice-window-manager__actions{display:flex;gap:.5rem}.nice-window-manager__btn{flex:1;padding:.625rem;border:none;border-radius:var(--nice-radius-md, .375rem);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.nice-window-manager__btn--primary{background-color:var(--external-display-primary);color:var(--nice-bg, #FFFFFF)}.nice-window-manager__btn--primary:hover{background-color:var(--nice-primary-hover, #2563eb)}.nice-window-manager__btn--secondary{background-color:var(--nice-bg-secondary, #f3f4f6);color:var(--external-display-text)}.nice-window-manager__btn--secondary:hover{background-color:var(--nice-border, #e5e7eb)}.nice-window-manager__btn--danger{background-color:var(--nice-danger-bg, #fee2e2);color:var(--external-display-error)}.nice-window-manager__btn--danger:hover{background-color:var(--nice-danger-bg, #fecaca)}.nice-external-permission{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:2rem;text-align:center}.nice-external-permission__icon{width:4rem;height:4rem;color:var(--external-display-primary)}.nice-external-permission__icon svg{width:100%;height:100%}.nice-external-permission__title{font-size:1.25rem;font-weight:600;color:var(--external-display-text);margin:0}.nice-external-permission__description{font-size:.875rem;color:var(--external-display-text-secondary);line-height:1.5;max-width:300px;margin:0}.nice-external-permission__btn{padding:.75rem 1.5rem;border:none;border-radius:var(--nice-radius-lg, .5rem);background-color:var(--external-display-primary);color:var(--nice-bg, #FFFFFF);font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s ease}.nice-external-permission__btn:hover{background-color:var(--nice-primary-hover, #2563eb)}.nice-external-permission__status{font-size:.75rem;color:var(--external-display-text-secondary)}.nice-external-permission__status--granted{color:var(--external-display-success)}.nice-external-permission__status--denied{color:var(--external-display-error)}.nice-external-unavailable{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem;text-align:center;background-color:var(--nice-warning-bg, #fef3c7);border-radius:var(--nice-radius-lg, .5rem)}.nice-external-unavailable__icon{width:3rem;height:3rem;color:var(--external-display-warning)}.nice-external-unavailable__title{font-size:1rem;font-weight:600;color:var(--external-display-text);margin:0}.nice-external-unavailable__description{font-size:.875rem;color:var(--external-display-text-secondary);margin:0}.nice-screen-info{display:flex;flex-direction:column;gap:.75rem;padding:1rem;background-color:var(--external-display-bg);border:1px solid var(--external-display-border);border-radius:var(--nice-radius-lg, .5rem)}.nice-screen-info__header{display:flex;align-items:center;justify-content:space-between}.nice-screen-info__name{font-size:1rem;font-weight:600;color:var(--external-display-text)}.nice-screen-info__badge{font-size:.625rem;font-weight:600;text-transform:uppercase;padding:.25rem .5rem;border-radius:var(--nice-radius-full, 9999px)}.nice-screen-info__badge--primary{background-color:var(--external-display-primary);color:var(--nice-bg, #FFFFFF)}.nice-screen-info__badge--external{background-color:var(--nice-border, #e5e7eb);color:var(--external-display-text-secondary)}.nice-screen-info__details{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.nice-screen-info__detail{display:flex;flex-direction:column}.nice-screen-info__detail-label{font-size:.625rem;text-transform:uppercase;letter-spacing:.05em;color:var(--external-display-text-secondary)}.nice-screen-info__detail-value{font-size:.875rem;font-weight:500;color:var(--external-display-text);font-family:monospace}@media (prefers-reduced-motion: reduce){.nice-window-manager__window-status--opening{animation:none}}@media (prefers-color-scheme: dark){:root{--external-display-bg: var(--nice-text, #1f2937);--external-display-border: var(--nice-text, #374151);--external-display-text: var(--nice-bg-secondary, #f9fafb);--external-display-text-secondary: var(--nice-text-muted, #9ca3af);--external-display-primary-light: var(--nice-primary-dark, #1e3a5f)}.nice-screen-selector__preview{background-color:var(--nice-text, #111827)}.nice-screen-selector__screen{background-color:var(--nice-text, #374151);border-color:var(--nice-text-secondary, #4b5563)}.nice-screen-selector__screen:hover{background-color:var(--nice-text-secondary, #4b5563);border-color:var(--nice-text-secondary, #6b7280)}.nice-screen-selector__item:hover{background-color:var(--nice-text, #374151);border-color:var(--nice-text-secondary, #4b5563)}.nice-window-manager__window{background-color:var(--nice-text, #111827)}.nice-window-manager__window-action:hover,.nice-window-manager__btn--secondary{background-color:var(--nice-text, #374151)}.nice-window-manager__btn--secondary:hover{background-color:var(--nice-text-secondary, #4b5563)}.nice-window-manager__btn--danger{background-color:var(--nice-danger-tint-20, rgba(239, 68, 68, .2))}.nice-window-manager__btn--danger:hover{background-color:var(--nice-danger-tint-30, rgba(239, 68, 68, .3))}.nice-external-unavailable{background-color:var(--nice-warning-tint-20, rgba(245, 158, 11, .2))}.nice-screen-info__badge--external{background-color:var(--nice-text, #374151)}}@media (pointer: coarse){.nice-screen-selector__item,.nice-window-manager__window{padding:1rem}.nice-window-manager__window-action{padding:.5rem}.nice-window-manager__window-action svg{width:1.25rem;height:1.25rem}.nice-window-manager__btn{padding:.875rem}.nice-external-permission__btn{padding:1rem 2rem}}@media print{.nice-screen-selector,.nice-window-manager,.nice-external-permission,.nice-external-unavailable{display:none!important}}:root{--nkm-primary: var(--nice-primary-hover, #2563eb);--nkm-primary-hover: var(--nice-primary-dark, #1d4ed8);--nkm-success: var(--nice-success, #10b981);--nkm-error: var(--nice-danger, #ef4444);--nkm-bg: var(--nice-bg, #FFFFFF);--nkm-bg-overlay: var(--nice-overlay-80, rgba(0, 0, 0, .8));--nkm-border: var(--nice-border, #e2e8f0);--nkm-text: var(--nice-text, #1e293b);--nkm-text-muted: var(--nice-text-secondary, #64748b);--nkm-radius: 12px;--nkm-shadow: 0 4px 24px var(--nice-overlay-15, rgba(0, 0, 0, .15))}.dark{--nkm-primary: var(--nice-primary, #3b82f6);--nkm-primary-hover: var(--nice-primary-light, #60a5fa);--nkm-success: var(--nice-success-light, #34d399);--nkm-error: var(--nice-danger-light, #f87171);--nkm-bg: var(--nice-text, #1e293b);--nkm-bg-overlay: var(--nice-overlay-90, rgba(0, 0, 0, .9));--nkm-border: var(--nice-text, #334155);--nkm-text: var(--nice-bg-secondary, #f1f5f9);--nkm-text-muted: var(--nice-text-muted, #94a3b8)}.nice-kiosk-mode{position:relative;width:100%;height:100%;min-height:100vh;background:var(--nkm-bg);overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.nice-kiosk-mode--fullscreen{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999}.nice-kiosk-mode--no-cursor,.nice-kiosk-mode--no-cursor *{cursor:none!important}.nice-kiosk-mode--no-select{user-select:none;-webkit-user-select:none}.nice-kiosk-mode--no-scroll{overflow:hidden!important}.nice-kiosk-mode__content{width:100%;height:100%;overflow:auto}.nice-kiosk-mode--no-scroll .nice-kiosk-mode__content{overflow:hidden}.nice-kiosk-mode__admin{position:fixed;top:0;right:0;width:400px;height:100%;background:var(--nkm-bg);box-shadow:-4px 0 24px var(--nice-overlay-15, rgba(0, 0, 0, .15));z-index:10001;display:flex;flex-direction:column;animation:nkm-slide-in .3s ease}@keyframes nkm-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}.nice-kiosk-mode__admin-header{display:flex;align-items:center;justify-content:space-between;padding:var(--nice-space-4, 16px) var(--nice-space-5, 20px);border-bottom:1px solid var(--nkm-border)}.nice-kiosk-mode__admin-title{font-size:16px;font-weight:600;color:var(--nkm-text);margin:0}.nice-kiosk-mode__admin-close{width:32px;height:32px;border:none;background:transparent;color:var(--nkm-text-muted);cursor:pointer;border-radius:var(--nice-radius-md, 6px);font-size:16px;display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s}.nice-kiosk-mode__admin-close:hover{background:var(--nkm-border);color:var(--nkm-text)}.nice-kiosk-mode__admin-content{flex:1;overflow-y:auto;padding:var(--nice-space-5, 20px)}.nice-kiosk-mode__screensaver{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--nice-text, #000000);z-index:10000;display:flex;align-items:center;justify-content:center;cursor:pointer;animation:nkm-fade-in .5s ease}@keyframes nkm-fade-in{0%{opacity:0}to{opacity:1}}.nice-kiosk-mode__screensaver-default{text-align:center;animation:nkm-pulse 3s ease infinite}@keyframes nkm-pulse{0%,to{opacity:.5}50%{opacity:1}}.nice-kiosk-mode__screensaver-text{font-size:24px;color:var(--nice-bg, #FFFFFF);font-weight:300}.nice-kiosk-mode__pin-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--nkm-bg-overlay);z-index:10002;display:flex;align-items:center;justify-content:center;animation:nkm-fade-in .2s ease}.nice-kiosk-mode__pin-dialog{background:var(--nkm-bg);border-radius:var(--nkm-radius);padding:var(--nice-space-8, 32px);width:100%;max-width:320px;box-shadow:var(--nkm-shadow);text-align:center}.nice-kiosk-mode__pin-title{font-size:20px;font-weight:600;color:var(--nkm-text);margin:0 0 var(--nice-space-6, 24px) 0}.nice-kiosk-mode__pin-input{width:100%;height:56px;font-size:24px;text-align:center;letter-spacing:8px;border:2px solid var(--nkm-border);border-radius:var(--nice-radius-lg, 8px);background:var(--nkm-bg);color:var(--nkm-text);outline:none;transition:border-color .2s}.nice-kiosk-mode__pin-input:focus{border-color:var(--nkm-primary)}.nice-kiosk-mode__pin-input--error{border-color:var(--nkm-error);animation:nkm-shake .3s ease}@keyframes nkm-shake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}.nice-kiosk-mode__pin-buttons{display:flex;gap:var(--nice-space-3, 12px);margin-top:var(--nice-space-6, 24px)}.nice-kiosk-mode__pin-btn{flex:1;height:48px;border:none;border-radius:var(--nice-radius-lg, 8px);font-size:14px;font-weight:500;cursor:pointer;transition:background .2s,transform .1s}.nice-kiosk-mode__pin-btn:active{transform:scale(.98)}.nice-kiosk-mode__pin-btn--cancel{background:var(--nkm-border);color:var(--nkm-text)}.nice-kiosk-mode__pin-btn--cancel:hover{background:var(--nice-border, #cbd5e1)}.nice-kiosk-mode__pin-btn--submit{background:var(--nkm-primary);color:var(--nice-bg, #FFFFFF)}.nice-kiosk-mode__pin-btn--submit:hover{background:var(--nkm-primary-hover)}.nice-kiosk-mode__pin-error{margin-top:var(--nice-space-4, 16px);font-size:14px;color:var(--nkm-error);animation:nkm-fade-in .2s ease}.nice-kiosk-mode__lock-indicator{position:fixed;top:20px;right:20px;display:flex;align-items:center;gap:var(--nice-space-2, 8px);padding:var(--nice-space-2, 8px) var(--nice-space-4, 16px);background:var(--nkm-bg);border:1px solid var(--nkm-border);border-radius:var(--nice-radius-xl, 20px);box-shadow:0 2px 8px var(--nice-overlay-10, rgba(0, 0, 0, .1));z-index:10000}.nice-kiosk-mode__lock-icon{font-size:14px}.nice-kiosk-mode__lock-text{font-size:12px;font-weight:500;color:var(--nkm-text)}.nice-kiosk-mode__numpad{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--nice-space-3, 12px);margin-top:var(--nice-space-6, 24px)}.nice-kiosk-mode__numpad-btn{height:56px;border:1px solid var(--nkm-border);border-radius:var(--nice-radius-lg, 8px);background:var(--nkm-bg);color:var(--nkm-text);font-size:24px;font-weight:500;cursor:pointer;transition:background .2s}.nice-kiosk-mode__numpad-btn:hover{background:var(--nkm-border)}.nice-kiosk-mode__numpad-btn:active{background:var(--nice-border, #cbd5e1)}.nice-kiosk-mode__numpad-btn--clear,.nice-kiosk-mode__numpad-btn--backspace{font-size:18px}@media (max-width: 480px){.nice-kiosk-mode__admin{width:100%}.nice-kiosk-mode__pin-dialog{margin:0 var(--nice-space-5, 20px);padding:var(--nice-space-6, 24px)}.nice-kiosk-mode__screensaver-text{font-size:18px}}@media (hover: none) and (pointer: coarse){.nice-kiosk-mode__pin-btn{min-height:56px;font-size:16px}.nice-kiosk-mode__numpad-btn{min-height:64px;font-size:28px}.nice-kiosk-mode__admin-close{min-width:44px;min-height:44px}}:root{--lpm-brightness: 1;--lpm-transition: .5s;--lpm-overlay-color: var(--nice-overlay-90, rgba(0, 0, 0, 1));--lpm-sleep-bg: var(--nice-text, #000000);--lpm-sleep-text: var(--nice-overlay-light-20, rgba(255, 255, 255, .2));--lpm-sleep-font-size: 1.5rem}.nice-lpm{position:relative;width:100%;height:100%;overflow:hidden}.nice-lpm__overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--lpm-overlay-color);pointer-events:none;transition:opacity var(--lpm-transition) ease-in-out;z-index:99998}.nice-lpm__content{position:relative;width:100%;height:100%;z-index:1}.nice-lpm__sleep-screen{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--lpm-sleep-bg);display:flex;align-items:center;justify-content:center;z-index:99999;cursor:pointer;animation:lpm-fade-in var(--lpm-transition) ease-in-out}.nice-lpm__sleep-message{color:var(--lpm-sleep-text);font-size:var(--lpm-sleep-font-size);font-family:inherit;text-transform:uppercase;letter-spacing:.1em;animation:lpm-pulse 3s ease-in-out infinite}@keyframes lpm-fade-in{0%{opacity:0}to{opacity:1}}@keyframes lpm-pulse{0%,to{opacity:.2}50%{opacity:.5}}.nice-lpm--dim .nice-lpm__content{filter:brightness(.8);transition:filter var(--lpm-transition) ease-in-out}.nice-lpm--low .nice-lpm__content{filter:brightness(.6) saturate(.8);transition:filter var(--lpm-transition) ease-in-out}.nice-lpm--sleep .nice-lpm__content{filter:brightness(0);transition:filter var(--lpm-transition) ease-in-out}.lpm-no-animations *,.lpm-no-animations *:before,.lpm-no-animations *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.lpm-reduced-quality img,.lpm-reduced-quality video,.lpm-reduced-quality canvas{image-rendering:pixelated}.lpm-reduced-quality *:not(.nice-lpm__sleep-message){box-shadow:none!important;text-shadow:none!important}.nice-lpm-indicator{position:fixed;bottom:1rem;right:1rem;display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background-color:var(--nice-overlay-80, rgba(0, 0, 0, .8));border-radius:var(--nice-radius-full, 9999px);font-size:.75rem;color:var(--nice-bg, #FFFFFF);z-index:99990}.nice-lpm-indicator__icon{width:1rem;height:1rem}.nice-lpm-indicator__battery{display:flex;align-items:center;gap:.25rem}.nice-lpm-indicator__battery-bar{width:1.5rem;height:.625rem;border:1px solid currentColor;border-radius:var(--nice-radius-sm, 2px);position:relative;overflow:hidden}.nice-lpm-indicator__battery-bar:after{content:"";position:absolute;top:1px;left:1px;bottom:1px;width:calc(var(--battery-level, 100) * 1% - 2px);background-color:currentColor;transition:width .3s ease-out}.nice-lpm-indicator__battery-bar--low{color:var(--nice-warning, #f59e0b)}.nice-lpm-indicator__battery-bar--critical{color:var(--nice-danger, #ef4444);animation:lpm-battery-blink 1s ease-in-out infinite}.nice-lpm-indicator__battery-bar--charging{color:var(--nice-success, #22c55e)}@keyframes lpm-battery-blink{0%,to{opacity:1}50%{opacity:.5}}.nice-lpm-indicator__mode{text-transform:uppercase;letter-spacing:.05em;font-weight:500}.nice-lpm-indicator__mode--normal{color:var(--nice-success, #22c55e)}.nice-lpm-indicator__mode--dim{color:var(--nice-warning, #f59e0b)}.nice-lpm-indicator__mode--low{color:var(--nice-danger, #ef4444)}.nice-lpm-indicator__mode--sleep{color:var(--nice-text-secondary, #64748b)}.nice-lpm-controls{display:flex;flex-direction:column;gap:1rem;padding:1rem;background-color:var(--nice-color-surface, #ffffff);border-radius:var(--nice-radius-lg, .5rem);box-shadow:0 4px 6px -1px var(--nice-overlay-10, rgba(0, 0, 0, .1))}.nice-lpm-controls__header{display:flex;align-items:center;justify-content:space-between}.nice-lpm-controls__title{font-size:1rem;font-weight:600;color:var(--nice-color-text, #1f2937)}.nice-lpm-controls__toggle{position:relative;width:3rem;height:1.5rem;background-color:var(--nice-border, #e5e7eb);border:none;border-radius:var(--nice-radius-full, 9999px);cursor:pointer;transition:background-color .2s ease}.nice-lpm-controls__toggle--active{background-color:var(--nice-success, #22c55e)}.nice-lpm-controls__toggle:after{content:"";position:absolute;top:.125rem;left:.125rem;width:1.25rem;height:1.25rem;background-color:var(--nice-bg, #FFFFFF);border-radius:var(--nice-radius-full, 50%);transition:transform .2s ease}.nice-lpm-controls__toggle--active:after{transform:translate(1.5rem)}.nice-lpm-controls__brightness{display:flex;flex-direction:column;gap:.5rem}.nice-lpm-controls__brightness-label{display:flex;align-items:center;justify-content:space-between;font-size:.875rem;color:var(--nice-color-text-secondary, #6b7280)}.nice-lpm-controls__brightness-slider{width:100%;height:.5rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(to right,var(--nice-text, #1f2937) 0%,var(--nice-text, #1f2937) calc(var(--brightness, 100) * 1%),var(--nice-border, #e5e7eb) calc(var(--brightness, 100) * 1%),var(--nice-border, #e5e7eb) 100%);border-radius:var(--nice-radius-full, 9999px);cursor:pointer}.nice-lpm-controls__brightness-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1rem;height:1rem;background-color:var(--nice-bg, #FFFFFF);border:2px solid var(--nice-text, #1f2937);border-radius:var(--nice-radius-full, 50%);cursor:pointer}.nice-lpm-controls__brightness-slider::-moz-range-thumb{width:1rem;height:1rem;background-color:var(--nice-bg, #FFFFFF);border:2px solid var(--nice-text, #1f2937);border-radius:var(--nice-radius-full, 50%);cursor:pointer}.nice-lpm-controls__modes{display:flex;gap:.5rem}.nice-lpm-controls__mode-btn{flex:1;padding:.5rem;border:1px solid var(--nice-border, #e5e7eb);border-radius:var(--nice-radius-md, .375rem);background-color:transparent;font-size:.75rem;color:var(--nice-color-text, #1f2937);cursor:pointer;transition:all .2s ease}.nice-lpm-controls__mode-btn:hover{background-color:var(--nice-bg-secondary, #f3f4f6)}.nice-lpm-controls__mode-btn--active{background-color:var(--nice-text, #1f2937);border-color:var(--nice-text, #1f2937);color:var(--nice-bg, #FFFFFF)}.nice-lpm-controls__schedule{border-top:1px solid var(--nice-border, #e5e7eb);padding-top:1rem}.nice-lpm-controls__schedule-title{font-size:.875rem;font-weight:500;margin-bottom:.5rem;color:var(--nice-color-text, #1f2937)}.nice-lpm-controls__schedule-item{display:flex;align-items:center;justify-content:space-between;padding:.5rem 0;font-size:.75rem;color:var(--nice-color-text-secondary, #6b7280)}.nice-lpm-controls__schedule-time{font-family:monospace}.nice-lpm-controls__schedule-mode{text-transform:uppercase;font-weight:500}@media (prefers-reduced-motion: reduce){.nice-lpm__overlay,.nice-lpm__content,.nice-lpm__sleep-screen,.nice-lpm__sleep-message{animation:none!important;transition-duration:.01ms!important}}@media (prefers-color-scheme: dark){.nice-lpm-controls{background-color:var(--nice-text, #1f2937)}.nice-lpm-controls__title{color:var(--nice-bg-secondary, #f9fafb)}.nice-lpm-controls__brightness-label{color:var(--nice-text-muted, #9ca3af)}.nice-lpm-controls__toggle{background-color:var(--nice-text, #374151)}.nice-lpm-controls__mode-btn{border-color:var(--nice-text, #374151);color:var(--nice-bg-secondary, #f9fafb)}.nice-lpm-controls__mode-btn:hover{background-color:var(--nice-text, #374151)}.nice-lpm-controls__mode-btn--active{background-color:var(--nice-success, #22c55e);border-color:var(--nice-success, #22c55e);color:var(--nice-bg, #FFFFFF)}.nice-lpm-controls__schedule{border-top-color:var(--nice-text, #374151)}.nice-lpm-controls__schedule-title{color:var(--nice-bg-secondary, #f9fafb)}.nice-lpm-controls__schedule-item{color:var(--nice-text-muted, #9ca3af)}}@media (pointer: coarse){.nice-lpm__sleep-screen{cursor:default}.nice-lpm-controls__toggle{width:3.5rem;height:2rem}.nice-lpm-controls__toggle:after{width:1.5rem;height:1.5rem;top:.25rem;left:.25rem}.nice-lpm-controls__toggle--active:after{transform:translate(1.5rem)}.nice-lpm-controls__brightness-slider{height:.75rem}.nice-lpm-controls__brightness-slider::-webkit-slider-thumb{width:1.5rem;height:1.5rem}.nice-lpm-controls__mode-btn{padding:.75rem;font-size:.875rem}}:root{--orientation-prompt-bg: var(--nice-overlay-90, rgba(0, 0, 0, .9));--orientation-prompt-text: var(--nice-bg, #FFFFFF);--orientation-prompt-icon-size: 4rem;--orientation-transition: .3s ease}.nice-orientation{position:relative;width:100%;height:100%;transition:transform var(--orientation-transition)}.nice-orientation--unsupported>*:not(.nice-orientation__prompt){filter:blur(3px);pointer-events:none;-webkit-user-select:none;user-select:none}.nice-orientation__prompt{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--orientation-prompt-bg);display:flex;align-items:center;justify-content:center;z-index:99999;animation:orientation-fade-in .3s ease}@keyframes orientation-fade-in{0%{opacity:0}to{opacity:1}}.nice-orientation__prompt-content{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:2rem;text-align:center;max-width:300px}.nice-orientation__prompt-icon{width:var(--orientation-prompt-icon-size);height:var(--orientation-prompt-icon-size);color:var(--orientation-prompt-text);animation:orientation-rotate 2s ease-in-out infinite}.nice-orientation__prompt-icon svg{width:100%;height:100%}@keyframes orientation-rotate{0%,to{transform:rotate(0)}25%{transform:rotate(45deg)}50%{transform:rotate(90deg)}75%{transform:rotate(45deg)}}.nice-orientation__prompt-text{margin:0;font-size:1.125rem;color:var(--orientation-prompt-text);line-height:1.5}.nice-orientation-indicator{position:fixed;bottom:1rem;left:1rem;display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background-color:var(--nice-overlay-80, rgba(0, 0, 0, .8));border-radius:var(--nice-radius-full, 9999px);font-size:.75rem;color:var(--nice-bg, #FFFFFF);z-index:99990}.nice-orientation-indicator__icon{width:1rem;height:1rem;transition:transform .3s ease}.nice-orientation-indicator__icon--portrait{transform:rotate(0)}.nice-orientation-indicator__icon--landscape{transform:rotate(90deg)}.nice-orientation-indicator__text{text-transform:capitalize}.nice-orientation-indicator__lock{width:.875rem;height:.875rem;margin-left:.25rem}.nice-orientation-indicator__lock--locked{color:var(--nice-warning, #f59e0b)}.nice-orientation-indicator__lock--unlocked{color:var(--nice-text-secondary, #64748b)}.nice-orientation-controls{display:flex;flex-direction:column;gap:1rem;padding:1rem;background-color:var(--nice-color-surface, #ffffff);border-radius:var(--nice-radius-lg, .5rem);box-shadow:0 4px 6px -1px var(--nice-overlay-10, rgba(0, 0, 0, .1))}.nice-orientation-controls__header{display:flex;align-items:center;justify-content:space-between}.nice-orientation-controls__title{font-size:1rem;font-weight:600;color:var(--nice-color-text, #1f2937)}.nice-orientation-controls__current{font-size:.875rem;color:var(--nice-color-text-secondary, #6b7280)}.nice-orientation-controls__options{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.nice-orientation-controls__option{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;border:2px solid var(--nice-border, #e5e7eb);border-radius:var(--nice-radius-lg, .5rem);background:transparent;cursor:pointer;transition:all .2s ease}.nice-orientation-controls__option:hover{background-color:var(--nice-bg-secondary, #f3f4f6);border-color:var(--nice-border, #d1d5db)}.nice-orientation-controls__option--active{background-color:var(--nice-primary-bg, #dbeafe);border-color:var(--nice-primary, #3b82f6)}.nice-orientation-controls__option--locked{background-color:var(--nice-warning-bg, #fef3c7);border-color:var(--nice-warning, #f59e0b)}.nice-orientation-controls__option-icon{width:2rem;height:2rem;color:var(--nice-color-text-secondary, #6b7280)}.nice-orientation-controls__option--active .nice-orientation-controls__option-icon,.nice-orientation-controls__option--locked .nice-orientation-controls__option-icon{color:var(--nice-color-text, #1f2937)}.nice-orientation-controls__option-label{font-size:.75rem;color:var(--nice-color-text-secondary, #6b7280);text-transform:capitalize}.nice-orientation-controls__option--active .nice-orientation-controls__option-label,.nice-orientation-controls__option--locked .nice-orientation-controls__option-label{color:var(--nice-color-text, #1f2937);font-weight:500}.nice-orientation-controls__lock-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;border:none;border-radius:var(--nice-radius-md, .375rem);background-color:var(--nice-text, #1f2937);color:var(--nice-bg, #FFFFFF);font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s ease}.nice-orientation-controls__lock-btn:hover{background-color:var(--nice-text, #374151)}.nice-orientation-controls__lock-btn--locked{background-color:var(--nice-warning, #f59e0b)}.nice-orientation-controls__lock-btn--locked:hover{background-color:var(--nice-warning-dark, #d97706)}.nice-orientation-controls__lock-icon{width:1rem;height:1rem}.nice-orientation-icon{display:inline-block;width:1.5rem;height:1.5rem;position:relative}.nice-orientation-icon__device{width:100%;height:100%;border:2px solid currentColor;border-radius:var(--nice-radius-sm, .25rem);position:relative}.nice-orientation-icon__device:after{content:"";position:absolute;bottom:.125rem;left:50%;transform:translate(-50%);width:.375rem;height:.125rem;background-color:currentColor;border-radius:var(--nice-radius-full, 9999px)}.nice-orientation-icon--landscape{transform:rotate(90deg)}@media (prefers-reduced-motion: reduce){.nice-orientation,.nice-orientation__prompt,.nice-orientation__prompt-icon,.nice-orientation-indicator__icon{animation:none!important;transition-duration:.01ms!important}}@media (prefers-color-scheme: dark){.nice-orientation-controls{background-color:var(--nice-text, #1f2937)}.nice-orientation-controls__title{color:var(--nice-bg-secondary, #f9fafb)}.nice-orientation-controls__current{color:var(--nice-text-muted, #9ca3af)}.nice-orientation-controls__option{border-color:var(--nice-text, #374151)}.nice-orientation-controls__option:hover{background-color:var(--nice-text, #374151);border-color:var(--nice-text-secondary, #4b5563)}.nice-orientation-controls__option--active{background-color:var(--nice-primary-dark, #1e3a5f);border-color:var(--nice-primary, #3b82f6)}.nice-orientation-controls__option--locked{background-color:var(--nice-warning-dark, #451a03);border-color:var(--nice-warning, #f59e0b)}.nice-orientation-controls__option-icon{color:var(--nice-text-muted, #9ca3af)}.nice-orientation-controls__option--active .nice-orientation-controls__option-icon,.nice-orientation-controls__option--locked .nice-orientation-controls__option-icon{color:var(--nice-bg-secondary, #f9fafb)}.nice-orientation-controls__option-label{color:var(--nice-text-muted, #9ca3af)}.nice-orientation-controls__option--active .nice-orientation-controls__option-label,.nice-orientation-controls__option--locked .nice-orientation-controls__option-label{color:var(--nice-bg-secondary, #f9fafb)}}@media (pointer: coarse){.nice-orientation__prompt-content{padding:2.5rem}.nice-orientation__prompt-icon{--orientation-prompt-icon-size: 5rem}.nice-orientation__prompt-text{font-size:1.25rem}.nice-orientation-controls__option{padding:1.25rem}.nice-orientation-controls__option-icon{width:2.5rem;height:2.5rem}.nice-orientation-controls__option-label{font-size:.875rem}.nice-orientation-controls__lock-btn{padding:1rem;font-size:1rem}}@media print{.nice-orientation__prompt,.nice-orientation-indicator,.nice-orientation-controls{display:none!important}.nice-orientation--unsupported>*:not(.nice-orientation__prompt){filter:none;pointer-events:auto;-webkit-user-select:auto;user-select:auto}}:root{--nrm-connected: var(--nice-success, #10b981);--nrm-connecting: var(--nice-warning, #f59e0b);--nrm-disconnected: var(--nice-text-secondary, #64748b);--nrm-error: var(--nice-danger, #ef4444);--nrm-bg: var(--nice-bg, #FFFFFF);--nrm-bg-dark: var(--nice-text, #1e293b);--nrm-border: var(--nice-border, #e2e8f0);--nrm-text: var(--nice-text, #1e293b);--nrm-text-muted: var(--nice-text-secondary, #64748b);--nrm-radius: 8px}.dark{--nrm-bg: var(--nice-text, #1e293b);--nrm-border: var(--nice-text, #334155);--nrm-text: var(--nice-bg-secondary, #f1f5f9);--nrm-text-muted: var(--nice-text-muted, #94a3b8)}.nice-remote-status{display:inline-flex;align-items:center;gap:var(--nice-space-2, 8px);padding:var(--nice-space-1-5, 6px) var(--nice-space-3, 12px);background:var(--nrm-bg);border:1px solid var(--nrm-border);border-radius:var(--nrm-radius);font-size:12px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.nice-remote-status__dot{width:8px;height:8px;border-radius:var(--nice-radius-full, 50%);flex-shrink:0}.nice-remote-status__dot--connected{background:var(--nrm-connected);box-shadow:0 0 8px var(--nrm-connected)}.nice-remote-status__dot--connecting{background:var(--nrm-connecting);animation:nrm-pulse 1.5s ease-in-out infinite}.nice-remote-status__dot--disconnected{background:var(--nrm-disconnected)}.nice-remote-status__dot--error{background:var(--nrm-error);animation:nrm-blink .5s ease-in-out infinite}@keyframes nrm-pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes nrm-blink{0%,to{opacity:1}50%{opacity:.3}}.nice-remote-status__text{color:var(--nrm-text);text-transform:capitalize}.nice-remote-panel{background:var(--nrm-bg);border:1px solid var(--nrm-border);border-radius:var(--nrm-radius);overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.nice-remote-panel__header{display:flex;align-items:center;justify-content:space-between;padding:var(--nice-space-4, 16px);border-bottom:1px solid var(--nrm-border)}.nice-remote-panel__title{font-size:14px;font-weight:600;color:var(--nrm-text);margin:0}.nice-remote-panel__section{padding:var(--nice-space-4, 16px);border-bottom:1px solid var(--nrm-border)}.nice-remote-panel__section:last-child{border-bottom:none}.nice-remote-panel__section-title{font-size:11px;font-weight:600;color:var(--nrm-text-muted);text-transform:uppercase;letter-spacing:.5px;margin:0 0 var(--nice-space-3, 12px) 0}.nice-remote-info{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--nice-space-3, 12px)}.nice-remote-info__item{display:flex;flex-direction:column;gap:var(--nice-space-1, 4px)}.nice-remote-info__label{font-size:11px;color:var(--nrm-text-muted)}.nice-remote-info__value{font-size:13px;font-weight:500;color:var(--nrm-text);word-break:break-all}.nice-remote-health{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--nice-space-3, 12px)}.nice-remote-health__metric{padding:var(--nice-space-3, 12px);background:var(--nice-overlay-3, rgba(0, 0, 0, .02));border-radius:var(--nice-radius-md, 6px)}.dark .nice-remote-health__metric{background:var(--nice-overlay-light-2, rgba(255, 255, 255, .02))}.nice-remote-health__label{font-size:11px;color:var(--nrm-text-muted);margin-bottom:var(--nice-space-1, 4px)}.nice-remote-health__value{font-size:18px;font-weight:600;color:var(--nrm-text)}.nice-remote-health__bar{height:4px;background:var(--nrm-border);border-radius:var(--nice-radius-sm, 2px);margin-top:var(--nice-space-2, 8px);overflow:hidden}.nice-remote-health__bar-fill{height:100%;border-radius:var(--nice-radius-sm, 2px);transition:width .3s ease}.nice-remote-health__bar-fill--low{background:var(--nrm-connected)}.nice-remote-health__bar-fill--medium{background:var(--nrm-connecting)}.nice-remote-health__bar-fill--high{background:var(--nrm-error)}.nice-remote-commands{max-height:200px;overflow-y:auto}.nice-remote-command{display:flex;align-items:center;gap:var(--nice-space-3, 12px);padding:var(--nice-space-2, 8px) 0;border-bottom:1px solid var(--nrm-border)}.nice-remote-command:last-child{border-bottom:none}.nice-remote-command__icon{width:24px;height:24px;border-radius:var(--nice-radius-sm, 4px);display:flex;align-items:center;justify-content:center;font-size:12px;flex-shrink:0}.nice-remote-command__icon--success{background:var(--nice-success-tint-10, rgba(16, 185, 129, .1));color:var(--nrm-connected)}.nice-remote-command__icon--failed{background:var(--nice-danger-tint-10, rgba(239, 68, 68, .1));color:var(--nrm-error)}.nice-remote-command__icon--pending{background:var(--nice-warning-tint-10, rgba(245, 158, 11, .1));color:var(--nrm-connecting)}.nice-remote-command__content{flex:1;min-width:0}.nice-remote-command__type{font-size:12px;font-weight:500;color:var(--nrm-text);text-transform:capitalize}.nice-remote-command__time{font-size:11px;color:var(--nrm-text-muted)}.nice-remote-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--nice-overlay-80, rgba(0, 0, 0, .8));display:flex;align-items:center;justify-content:center;z-index:99999}.nice-remote-overlay__content{text-align:center;color:var(--nice-bg, #FFFFFF)}.nice-remote-overlay__icon{font-size:48px;margin-bottom:var(--nice-space-4, 16px);animation:nrm-spin 2s linear infinite}@keyframes nrm-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.nice-remote-overlay__title{font-size:18px;font-weight:600;margin:0 0 var(--nice-space-2, 8px) 0}.nice-remote-overlay__text{font-size:14px;color:var(--nice-overlay-light-70, rgba(255, 255, 255, .7));margin:0}.nice-remote-badge{position:fixed;bottom:20px;left:20px;display:flex;align-items:center;gap:var(--nice-space-1-5, 6px);padding:var(--nice-space-1-5, 6px) var(--nice-space-2-5, 10px);background:var(--nrm-bg-dark);border-radius:var(--nice-radius-xl, 16px);font-size:11px;color:var(--nice-bg, #FFFFFF);z-index:9999;cursor:pointer;transition:transform .2s}.nice-remote-badge:hover{transform:scale(1.05)}.nice-remote-badge__dot{width:6px;height:6px;border-radius:var(--nice-radius-full, 50%)}@media (max-width: 480px){.nice-remote-info,.nice-remote-health{grid-template-columns:1fr}.nice-remote-badge{bottom:10px;left:10px}}:root{--nsbp-screensaver-bg: var(--nice-text, #000000);--nsbp-matrix-color: #00ff41;--nsbp-bounce-color: var(--nice-primary, #3b82f6)}.nice-sbp{position:relative;width:100%;height:100%;overflow:hidden}.nice-sbp__content{width:100%;height:100%}.nice-sbp__dim-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,var(--dim-level, .3));pointer-events:auto;z-index:9998;transition:background var(--dim-duration, 2s) ease}.nice-sbp__screensaver{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;cursor:pointer;animation:nsbp-fade-in .5s ease}@keyframes nsbp-fade-in{0%{opacity:0}to{opacity:1}}.nice-sbp__screensaver--blank{background:var(--nsbp-screensaver-bg)}.nice-sbp__screensaver--bounce{background:var(--nsbp-screensaver-bg);overflow:hidden}.nice-sbp__bounce-logo{position:absolute;font-size:64px;color:var(--nsbp-bounce-color);text-shadow:0 0 20px var(--nsbp-bounce-color);transform:translate(-50%,-50%);transition:left .05s linear,top .05s linear}.nice-sbp__screensaver--matrix{background:var(--nsbp-screensaver-bg);overflow:hidden;font-family:Courier New,monospace}.nice-sbp__matrix-column{position:absolute;top:-100%;font-size:14px;line-height:1.2;color:var(--nsbp-matrix-color);text-shadow:0 0 5px var(--nsbp-matrix-color);white-space:nowrap;writing-mode:vertical-rl;animation:nsbp-matrix-fall linear infinite;opacity:.8}.nice-sbp__matrix-column span{display:block;opacity:.3}.nice-sbp__matrix-column span:last-child{opacity:1;text-shadow:0 0 10px var(--nsbp-matrix-color)}@keyframes nsbp-matrix-fall{0%{transform:translateY(0)}to{transform:translateY(200vh)}}.nice-sbp__screensaver--noise{background:var(--nsbp-screensaver-bg);animation:nsbp-noise .1s steps(8) infinite}@keyframes nsbp-noise{0%,to{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}50%{background-position:50px 50px}}.nice-sbp__screensaver--custom{background:var(--nsbp-screensaver-bg);display:flex;align-items:center;justify-content:center}.nice-sbp__invert-overlay{position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:9997;mix-blend-mode:difference;background:var(--nice-bg, #FFFFFF);animation:nsbp-invert-pulse 10s ease-in-out infinite}@keyframes nsbp-invert-pulse{0%,to{opacity:0}50%{opacity:.05}}.nice-sbp__static-warning{position:absolute;padding:var(--nice-space-1, 4px) var(--nice-space-2, 8px);background:var(--nice-danger-tint-80, rgba(239, 68, 68, .8));color:var(--nice-bg, #FFFFFF);font-size:10px;border-radius:var(--nice-radius-sm, 4px);pointer-events:none;z-index:10000;animation:nsbp-warning-pulse 1s ease-in-out infinite}@keyframes nsbp-warning-pulse{0%,to{opacity:.7}50%{opacity:1}}.nice-sbp__status{position:fixed;bottom:10px;right:10px;padding:var(--nice-space-1-5, 6px) var(--nice-space-3, 12px);background:var(--nice-overlay-70, rgba(0, 0, 0, .7));color:var(--nice-bg, #FFFFFF);font-size:11px;border-radius:var(--nice-radius-sm, 4px);z-index:9996;display:flex;align-items:center;gap:var(--nice-space-1-5, 6px)}.nice-sbp__status-dot{width:6px;height:6px;border-radius:var(--nice-radius-full, 50%);background:var(--nice-success, #10b981);animation:nsbp-status-blink 2s ease-in-out infinite}@keyframes nsbp-status-blink{0%,to{opacity:.5}50%{opacity:1}}.nice-sbp__status-dot--active{background:var(--nice-warning, #f59e0b)}.nice-sbp--active{transition:background-color 1s ease}.nice-sbp__clock{font-size:120px;font-weight:100;color:var(--nice-bg, #FFFFFF);text-align:center;font-variant-numeric:tabular-nums}.nice-sbp__clock-date{font-size:24px;font-weight:300;color:var(--nice-overlay-light-60, rgba(255, 255, 255, .6));margin-top:var(--nice-space-2-5, 10px)}.nice-sbp__wake-message{position:absolute;bottom:40px;left:50%;transform:translate(-50%);font-size:14px;color:var(--nice-overlay-light-50, rgba(255, 255, 255, .5));animation:nsbp-fade-pulse 3s ease-in-out infinite}@keyframes nsbp-fade-pulse{0%,to{opacity:.3}50%{opacity:.7}}@media (max-width: 480px){.nice-sbp__bounce-logo{font-size:40px}.nice-sbp__matrix-column{font-size:12px}.nice-sbp__clock{font-size:60px}.nice-sbp__clock-date{font-size:16px}}:root{--ntc-primary: var(--nice-primary-hover, #2563eb);--ntc-success: var(--nice-success, #10b981);--ntc-error: var(--nice-danger, #ef4444);--ntc-bg: var(--nice-overlay-95, rgba(0, 0, 0, .95));--ntc-text: var(--nice-bg, #FFFFFF);--ntc-text-muted: var(--nice-overlay-light-70, rgba(255, 255, 255, .7));--ntc-target: var(--nice-primary, #3b82f6);--ntc-calibrated: var(--nice-success, #10b981);--ntc-radius: 8px}.nice-touch-calibration{position:fixed;top:0;left:0;right:0;bottom:0;z-index:99999;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;touch-action:none}.nice-touch-calibration__overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--ntc-bg)}.nice-touch-calibration__instructions{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none;z-index:1}.nice-touch-calibration__title{font-size:28px;font-weight:600;color:var(--ntc-text);margin:0 0 var(--nice-space-3, 12px) 0}.nice-touch-calibration__text{font-size:16px;color:var(--ntc-text-muted);margin:0 0 var(--nice-space-6, 24px) 0;max-width:400px}.nice-touch-calibration__progress{font-size:18px;font-weight:500;color:var(--ntc-primary)}.nice-touch-calibration__target{position:absolute;transform:translate(-50%,-50%);z-index:10;display:flex;align-items:center;justify-content:center;animation:ntc-target-appear .3s ease}@keyframes ntc-target-appear{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.nice-touch-calibration__target-outer{position:absolute;width:100%;height:100%;border:3px solid var(--ntc-target);border-radius:var(--nice-radius-full, 50%);animation:ntc-pulse 1.5s ease-in-out infinite}@keyframes ntc-pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.nice-touch-calibration__target-inner{position:absolute;width:60%;height:60%;border:2px solid var(--ntc-target);border-radius:var(--nice-radius-full, 50%)}.nice-touch-calibration__target-center{width:8px;height:8px;background:var(--ntc-target);border-radius:var(--nice-radius-full, 50%)}.nice-touch-calibration__calibrated{position:absolute;width:12px;height:12px;transform:translate(-50%,-50%);background:var(--ntc-calibrated);border-radius:var(--nice-radius-full, 50%);animation:ntc-calibrated-appear .3s ease;z-index:5}@keyframes ntc-calibrated-appear{0%{opacity:0;transform:translate(-50%,-50%) scale(0)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.nice-touch-calibration__cancel{position:absolute;top:20px;right:20px;padding:var(--nice-space-3, 12px) var(--nice-space-6, 24px);background:var(--nice-overlay-light-10, rgba(255, 255, 255, .1));border:1px solid var(--nice-overlay-light-20, rgba(255, 255, 255, .2));border-radius:var(--ntc-radius);color:var(--ntc-text);font-size:14px;font-weight:500;cursor:pointer;transition:background .2s;z-index:20}.nice-touch-calibration__cancel:hover{background:var(--nice-overlay-light-20, rgba(255, 255, 255, .2))}.nice-touch-calibration__result{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--ntc-bg);z-index:100;animation:ntc-fade-in .3s ease}@keyframes ntc-fade-in{0%{opacity:0}to{opacity:1}}.nice-touch-calibration__result-icon{width:80px;height:80px;border-radius:var(--nice-radius-full, 50%);display:flex;align-items:center;justify-content:center;font-size:40px;margin-bottom:var(--nice-space-6, 24px)}.nice-touch-calibration__result-icon--success{background:var(--nice-success-tint-20, rgba(16, 185, 129, .2));color:var(--ntc-success)}.nice-touch-calibration__result-icon--error{background:var(--nice-danger-tint-20, rgba(239, 68, 68, .2));color:var(--ntc-error)}.nice-touch-calibration__result-title{font-size:24px;font-weight:600;color:var(--ntc-text);margin:0 0 var(--nice-space-3, 12px) 0}.nice-touch-calibration__result-accuracy{font-size:14px;color:var(--ntc-text-muted);margin:0 0 var(--nice-space-6, 24px) 0}.nice-touch-calibration__retry{padding:var(--nice-space-3-5, 14px) var(--nice-space-8, 32px);background:var(--ntc-primary);border:none;border-radius:var(--ntc-radius);color:var(--nice-bg, #FFFFFF);font-size:16px;font-weight:500;cursor:pointer;transition:background .2s,transform .1s}.nice-touch-calibration__retry:hover{background:var(--nice-primary-dark, #1d4ed8)}.nice-touch-calibration__retry:active{transform:scale(.98)}.nice-touch-calibration__target--crosshair{width:60px!important;height:60px!important}.nice-touch-calibration__crosshair-h{position:absolute;width:100%;height:2px;background:var(--ntc-target)}.nice-touch-calibration__crosshair-v{position:absolute;width:2px;height:100%;background:var(--ntc-target)}@media (max-width: 480px){.nice-touch-calibration__title{font-size:22px}.nice-touch-calibration__text{font-size:14px;padding:0 var(--nice-space-5, 20px)}.nice-touch-calibration__result-icon{width:60px;height:60px;font-size:30px}.nice-touch-calibration__result-title{font-size:20px}}@media (hover: none) and (pointer: coarse){.nice-touch-calibration__cancel{min-width:80px;min-height:44px}.nice-touch-calibration__retry{min-height:52px}}:root{--barcode-gen-bg: var(--nice-bg, #FFFFFF);--barcode-gen-border: var(--nice-border, #e5e7eb);--barcode-gen-error-bg: var(--nice-danger-bg, #fef2f2);--barcode-gen-error-color: var(--nice-danger, #ef4444)}.nice-barcode-generator{display:inline-flex;flex-direction:column;align-items:center;background-color:var(--barcode-gen-bg);border-radius:var(--nice-radius-md, .375rem);overflow:hidden}.nice-barcode-generator--bordered{border:1px solid var(--barcode-gen-border);padding:.5rem}.nice-barcode-generator__canvas{display:block;max-width:100%;height:auto}.nice-barcode-generator--error{background-color:var(--barcode-gen-error-bg)}.nice-barcode-generator__error{padding:.5rem 1rem;font-size:.75rem;color:var(--barcode-gen-error-color);text-align:center}.nice-barcode-card{display:flex;flex-direction:column;gap:.75rem;padding:1rem;background-color:var(--nice-color-surface, #ffffff);border:1px solid var(--barcode-gen-border);border-radius:var(--nice-radius-lg, .5rem);box-shadow:0 1px 3px var(--nice-overlay-10, rgba(0, 0, 0, .1))}.nice-barcode-card__header{display:flex;align-items:center;justify-content:space-between}.nice-barcode-card__title{font-size:.875rem;font-weight:600;color:var(--nice-color-text, #1f2937);margin:0}.nice-barcode-card__format{font-size:.625rem;font-weight:600;text-transform:uppercase;padding:.25rem .5rem;background-color:var(--nice-bg-secondary, #f3f4f6);border-radius:var(--nice-radius-full, 9999px);color:var(--nice-text-secondary, #6b7280)}.nice-barcode-card__content{display:flex;justify-content:center}.nice-barcode-card__actions{display:flex;gap:.5rem}.nice-barcode-card__action{flex:1;padding:.5rem;border:1px solid var(--barcode-gen-border);border-radius:var(--nice-radius-md, .375rem);background:transparent;font-size:.75rem;color:var(--nice-color-text-secondary, #6b7280);cursor:pointer;transition:all .2s ease}.nice-barcode-card__action:hover{background-color:var(--nice-bg-secondary, #f3f4f6);color:var(--nice-color-text, #1f2937)}.nice-barcode-form{display:flex;flex-direction:column;gap:1rem;padding:1rem;background-color:var(--nice-color-surface, #ffffff);border-radius:var(--nice-radius-lg, .5rem);box-shadow:0 4px 6px -1px var(--nice-overlay-10, rgba(0, 0, 0, .1))}.nice-barcode-form__field{display:flex;flex-direction:column;gap:.25rem}.nice-barcode-form__label{font-size:.75rem;font-weight:500;color:var(--nice-color-text-secondary, #6b7280)}.nice-barcode-form__input{padding:.625rem;border:1px solid var(--barcode-gen-border);border-radius:var(--nice-radius-md, .375rem);font-size:.875rem;font-family:monospace;color:var(--nice-color-text, #1f2937);transition:border-color .2s ease}.nice-barcode-form__input:focus{outline:none;border-color:var(--nice-primary, #3b82f6);box-shadow:0 0 0 3px var(--nice-primary-tint-10, rgba(59, 130, 246, .1))}.nice-barcode-form__select{padding:.625rem;border:1px solid var(--barcode-gen-border);border-radius:var(--nice-radius-md, .375rem);font-size:.875rem;color:var(--nice-color-text, #1f2937);background-color:transparent;cursor:pointer}.nice-barcode-form__preview{display:flex;justify-content:center;padding:1rem;background-color:var(--nice-bg-secondary, #f9fafb);border-radius:var(--nice-radius-md, .375rem)}.nice-barcode-form__actions{display:flex;gap:.5rem}.nice-barcode-form__btn{flex:1;padding:.625rem;border:none;border-radius:var(--nice-radius-md, .375rem);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.nice-barcode-form__btn--primary{background-color:var(--nice-text, #1f2937);color:var(--nice-bg, #FFFFFF)}.nice-barcode-form__btn--primary:hover{background-color:var(--nice-text, #374151)}.nice-barcode-form__btn--secondary{background-color:var(--nice-bg-secondary, #f3f4f6);color:var(--nice-color-text, #1f2937)}.nice-barcode-form__btn--secondary:hover{background-color:var(--nice-border, #e5e7eb)}.nice-barcode-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.nice-barcode-grid__item{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;background-color:var(--nice-color-surface, #ffffff);border:1px solid var(--barcode-gen-border);border-radius:var(--nice-radius-lg, .5rem)}.nice-barcode-grid__item-barcode{display:flex;justify-content:center}.nice-barcode-grid__item-label{font-size:.75rem;font-weight:500;color:var(--nice-color-text, #1f2937);text-align:center}.nice-barcode-grid__item-value{font-size:.625rem;font-family:monospace;color:var(--nice-color-text-secondary, #6b7280);text-align:center;word-break:break-all}@media (prefers-color-scheme: dark){:root{--barcode-gen-bg: var(--nice-text, #1f2937);--barcode-gen-border: var(--nice-text, #374151);--barcode-gen-error-bg: var(--nice-danger-dark, #450a0a)}.nice-barcode-card{background-color:var(--nice-text, #1f2937)}.nice-barcode-card__title{color:var(--nice-bg-secondary, #f9fafb)}.nice-barcode-card__format{background-color:var(--nice-text, #374151);color:var(--nice-text-muted, #9ca3af)}.nice-barcode-card__action{border-color:var(--nice-text, #374151);color:var(--nice-text-muted, #9ca3af)}.nice-barcode-card__action:hover{background-color:var(--nice-text, #374151);color:var(--nice-bg-secondary, #f9fafb)}.nice-barcode-form{background-color:var(--nice-text, #1f2937)}.nice-barcode-form__label{color:var(--nice-text-muted, #9ca3af)}.nice-barcode-form__input,.nice-barcode-form__select{border-color:var(--nice-text, #374151);background-color:var(--nice-text, #111827);color:var(--nice-bg-secondary, #f9fafb)}.nice-barcode-form__preview{background-color:var(--nice-text, #111827)}.nice-barcode-form__btn--secondary{background-color:var(--nice-text, #374151);color:var(--nice-bg-secondary, #f9fafb)}.nice-barcode-form__btn--secondary:hover{background-color:var(--nice-text-secondary, #4b5563)}.nice-barcode-grid__item{background-color:var(--nice-text, #1f2937);border-color:var(--nice-text, #374151)}.nice-barcode-grid__item-label{color:var(--nice-bg-secondary, #f9fafb)}.nice-barcode-grid__item-value{color:var(--nice-text-muted, #9ca3af)}}@media print{.nice-barcode-generator{border:none!important;box-shadow:none!important;background:var(--nice-bg, #FFFFFF)!important}.nice-barcode-card__actions,.nice-barcode-form__actions{display:none!important}}:root{--scanner-bg: var(--nice-text, #000000);--scanner-frame-color: var(--nice-success, #22c55e);--scanner-frame-size: 60%;--scanner-corner-size: 2rem;--scanner-corner-thickness: 4px;--scanner-bounding-color: var(--nice-primary, #3b82f6);--scanner-error-color: var(--nice-danger, #ef4444)}.nice-barcode-scanner{position:relative;width:100%;height:100%;min-height:300px;background-color:var(--scanner-bg);overflow:hidden}.nice-barcode-scanner__video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.nice-barcode-scanner__canvas{display:none}.nice-barcode-scanner__frame{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:var(--scanner-frame-size);height:var(--scanner-frame-size);max-width:300px;max-height:300px;pointer-events:none}.nice-barcode-scanner__frame-corner{position:absolute;width:var(--scanner-corner-size);height:var(--scanner-corner-size)}.nice-barcode-scanner__frame-corner--tl{top:0;left:0;border-top:var(--scanner-corner-thickness) solid var(--scanner-frame-color);border-left:var(--scanner-corner-thickness) solid var(--scanner-frame-color)}.nice-barcode-scanner__frame-corner--tr{top:0;right:0;border-top:var(--scanner-corner-thickness) solid var(--scanner-frame-color);border-right:var(--scanner-corner-thickness) solid var(--scanner-frame-color)}.nice-barcode-scanner__frame-corner--bl{bottom:0;left:0;border-bottom:var(--scanner-corner-thickness) solid var(--scanner-frame-color);border-left:var(--scanner-corner-thickness) solid var(--scanner-frame-color)}.nice-barcode-scanner__frame-corner--br{bottom:0;right:0;border-bottom:var(--scanner-corner-thickness) solid var(--scanner-frame-color);border-right:var(--scanner-corner-thickness) solid var(--scanner-frame-color)}.nice-barcode-scanner__scan-line{position:absolute;left:10%;right:10%;height:2px;background:linear-gradient(90deg,transparent 0%,var(--scanner-frame-color) 20%,var(--scanner-frame-color) 80%,transparent 100%);animation:scanner-line-move 2s ease-in-out infinite}@keyframes scanner-line-move{0%,to{top:10%;opacity:.5}50%{top:90%;opacity:1}}.nice-barcode-scanner__bounding-box{position:absolute;border:3px solid var(--scanner-bounding-color);border-radius:var(--nice-radius-sm, .25rem);background-color:var(--nice-primary-tint-10, rgba(59, 130, 246, .1));animation:scanner-bounding-pulse .5s ease-out;pointer-events:none}@keyframes scanner-bounding-pulse{0%{transform:scale(1.1);opacity:0}to{transform:scale(1);opacity:1}}.nice-barcode-scanner__error{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;background-color:var(--nice-overlay-90, rgba(0, 0, 0, .9));padding:2rem;text-align:center}.nice-barcode-scanner__error-icon{width:3rem;height:3rem;color:var(--scanner-error-color)}.nice-barcode-scanner__error-icon svg{width:100%;height:100%}.nice-barcode-scanner__error-text{margin:0;font-size:.875rem;color:var(--nice-bg, #FFFFFF);max-width:300px}.nice-barcode-scanner__error-btn{padding:.625rem 1.25rem;border:none;border-radius:var(--nice-radius-md, .375rem);background-color:var(--scanner-error-color);color:var(--nice-bg, #FFFFFF);font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s ease}.nice-barcode-scanner__error-btn:hover{background-color:var(--nice-danger-dark, #dc2626)}.nice-barcode-scanner__unsupported{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background-color:var(--nice-overlay-90, rgba(0, 0, 0, .9));padding:2rem;text-align:center}.nice-barcode-scanner__unsupported p{margin:0;color:var(--nice-text-muted, #9ca3af);font-size:.875rem}.nice-barcode-scanner__overlay{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.nice-barcode-scanner__overlay>*{pointer-events:auto}.nice-barcode-scanner-controls{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);display:flex;gap:.5rem}.nice-barcode-scanner-controls__btn{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border:none;border-radius:var(--nice-radius-full, 50%);background-color:var(--nice-overlay-light-20, rgba(255, 255, 255, .2));color:var(--nice-bg, #FFFFFF);cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .2s ease}.nice-barcode-scanner-controls__btn:hover{background-color:var(--nice-overlay-light-30, rgba(255, 255, 255, .3))}.nice-barcode-scanner-controls__btn--active{background-color:var(--scanner-frame-color)}.nice-barcode-scanner-controls__btn svg{width:1.5rem;height:1.5rem}.nice-barcode-scanner-result{position:absolute;bottom:0;left:0;right:0;padding:1rem;background:linear-gradient(transparent,var(--nice-overlay-80, rgba(0, 0, 0, .8)))}.nice-barcode-scanner-result__content{display:flex;align-items:center;gap:.75rem;padding:.75rem;background-color:var(--nice-overlay-light-10, rgba(255, 255, 255, .1));border-radius:var(--nice-radius-lg, .5rem);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.nice-barcode-scanner-result__icon{width:2rem;height:2rem;color:var(--scanner-frame-color);flex-shrink:0}.nice-barcode-scanner-result__info{flex:1;min-width:0}.nice-barcode-scanner-result__value{font-size:.875rem;font-weight:500;color:var(--nice-bg, #FFFFFF);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nice-barcode-scanner-result__format{font-size:.75rem;color:var(--nice-text-muted, #9ca3af);text-transform:uppercase}.nice-barcode-scanner-result__copy{padding:.5rem;border:none;border-radius:var(--nice-radius-sm, .25rem);background:transparent;color:var(--nice-bg, #FFFFFF);cursor:pointer}.nice-barcode-scanner-result__copy:hover{background-color:var(--nice-overlay-light-10, rgba(255, 255, 255, .1))}.nice-barcode-scanner-history{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background-color:var(--nice-color-surface, #ffffff);border-radius:var(--nice-radius-lg, .5rem);max-height:300px;overflow-y:auto}.nice-barcode-scanner-history__title{font-size:.875rem;font-weight:600;color:var(--nice-color-text, #1f2937);margin:0}.nice-barcode-scanner-history__item{display:flex;align-items:center;gap:.75rem;padding:.5rem;background-color:var(--nice-bg-secondary, #f9fafb);border-radius:var(--nice-radius-md, .375rem)}.nice-barcode-scanner-history__item-value{flex:1;font-size:.875rem;font-family:monospace;color:var(--nice-color-text, #1f2937);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nice-barcode-scanner-history__item-format{font-size:.625rem;font-weight:600;text-transform:uppercase;padding:.25rem .5rem;background-color:var(--nice-border, #e5e7eb);border-radius:var(--nice-radius-full, 9999px);color:var(--nice-text-secondary, #6b7280)}.nice-barcode-scanner-history__item-time{font-size:.75rem;color:var(--nice-text-muted, #9ca3af)}.nice-barcode-scanner-history__empty{text-align:center;color:var(--nice-text-muted, #9ca3af);font-size:.875rem;padding:1rem}@media (prefers-reduced-motion: reduce){.nice-barcode-scanner__scan-line,.nice-barcode-scanner__bounding-box{animation:none}}@media (prefers-color-scheme: dark){.nice-barcode-scanner-history{background-color:var(--nice-text, #1f2937)}.nice-barcode-scanner-history__title{color:var(--nice-bg-secondary, #f9fafb)}.nice-barcode-scanner-history__item{background-color:var(--nice-text, #111827)}.nice-barcode-scanner-history__item-value{color:var(--nice-bg-secondary, #f9fafb)}.nice-barcode-scanner-history__item-format{background-color:var(--nice-text, #374151);color:var(--nice-text-muted, #9ca3af)}}@media (pointer: coarse){.nice-barcode-scanner-controls__btn{width:3.5rem;height:3.5rem}.nice-barcode-scanner-controls__btn svg{width:1.75rem;height:1.75rem}}.nice-batch-scanner{display:flex;flex-direction:column;gap:var(--nice-spacing-md, 16px);background:var(--nice-bg-primary, #ffffff);border-radius:var(--nice-radius-lg, 12px);overflow:hidden}.nice-batch-scanner__scanner{position:relative;aspect-ratio:4/3;background:var(--nice-bg-dark, #1f2937);overflow:hidden}.nice-batch-scanner__video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.nice-batch-scanner__canvas{display:none}.nice-batch-scanner__frame{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;max-width:300px;aspect-ratio:1;pointer-events:none}.nice-batch-scanner__frame-corner{position:absolute;width:30px;height:30px;border-color:var(--nice-color-primary, #3b82f6);border-style:solid}.nice-batch-scanner__frame-corner--tl{top:0;left:0;border-width:4px 0 0 4px}.nice-batch-scanner__frame-corner--tr{top:0;right:0;border-width:4px 4px 0 0}.nice-batch-scanner__frame-corner--bl{bottom:0;left:0;border-width:0 0 4px 4px}.nice-batch-scanner__frame-corner--br{bottom:0;right:0;border-width:0 4px 4px 0}.nice-batch-scanner__scan-line{position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--nice-color-primary, #3b82f6),transparent);animation:scan-line 2s linear infinite}@keyframes scan-line{0%{top:0;opacity:1}50%{opacity:.5}to{top:100%;opacity:1}}.nice-batch-scanner__bounding-box{position:absolute;border:3px solid var(--nice-color-success, #10b981);background:var(--nice-success-tint-10, rgba(16, 185, 129, .1));border-radius:var(--nice-radius-sm, 4px);animation:bounding-pulse .5s ease-out;pointer-events:none}@keyframes bounding-pulse{0%{transform:scale(1.1);opacity:0}50%{opacity:1}to{transform:scale(1);opacity:1}}.nice-batch-scanner__placeholder{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:var(--nice-spacing-md, 16px);color:var(--nice-text-muted, #9ca3af);text-align:center}.nice-batch-scanner__placeholder svg{opacity:.5}.nice-batch-scanner__placeholder p{margin:0;font-size:var(--nice-font-size-sm, .875rem)}.nice-batch-scanner__error{position:absolute;bottom:var(--nice-spacing-md, 16px);left:50%;transform:translate(-50%);padding:var(--nice-spacing-sm, 8px) var(--nice-spacing-md, 16px);background:var(--nice-color-error-bg, rgba(239, 68, 68, .9));color:#fff;border-radius:var(--nice-radius-md, 8px);font-size:var(--nice-font-size-sm, .875rem)}.nice-batch-scanner__controls{display:flex;flex-direction:column;gap:var(--nice-spacing-sm, 8px);padding:0 var(--nice-spacing-md, 16px)}.nice-batch-scanner__btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--nice-spacing-xs, 4px);padding:var(--nice-spacing-sm, 8px) var(--nice-spacing-md, 16px);min-height:44px;border:none;border-radius:var(--nice-radius-md, 8px);font-size:var(--nice-font-size-base, 1rem);font-weight:var(--nice-font-weight-medium, 500);cursor:pointer;transition:all .2s ease}.nice-batch-scanner__btn:disabled{opacity:.5;cursor:not-allowed}.nice-batch-scanner__btn--start{background:var(--nice-color-primary, #3b82f6);color:#fff}.nice-batch-scanner__btn--start:hover:not(:disabled){background:var(--nice-color-primary-dark, #2563eb)}.nice-batch-scanner__btn--stop{background:var(--nice-color-error, #ef4444);color:#fff}.nice-batch-scanner__btn--stop:hover:not(:disabled){background:var(--nice-color-error-dark, #dc2626)}.nice-batch-scanner__btn--primary{background:var(--nice-color-success, #10b981);color:#fff}.nice-batch-scanner__btn--primary:hover:not(:disabled){background:var(--nice-color-success-dark, #059669)}.nice-batch-scanner__btn--secondary{background:var(--nice-bg-secondary, #f3f4f6);color:var(--nice-text-primary, #1f2937)}.nice-batch-scanner__btn--secondary:hover:not(:disabled){background:var(--nice-bg-tertiary, #e5e7eb)}.nice-batch-scanner__btn--add{background:var(--nice-color-primary, #3b82f6);color:#fff;padding:var(--nice-spacing-sm, 8px) var(--nice-spacing-md, 16px)}.nice-batch-scanner__manual{display:flex;gap:var(--nice-spacing-sm, 8px)}.nice-batch-scanner__manual-input{flex:1;padding:var(--nice-spacing-sm, 8px) var(--nice-spacing-md, 16px);border:1px solid var(--nice-border-color, #e0e0e0);border-radius:var(--nice-radius-md, 8px);font-size:var(--nice-font-size-base, 1rem);transition:border-color .2s ease}.nice-batch-scanner__manual-input:focus{outline:none;border-color:var(--nice-color-primary, #3b82f6);box-shadow:0 0 0 3px var(--nice-primary-tint-10, rgba(59, 130, 246, .1))}.nice-batch-scanner__summary{display:flex;justify-content:space-between;padding:var(--nice-spacing-sm, 8px) var(--nice-spacing-md, 16px);background:var(--nice-bg-secondary, #f9fafb);font-size:var(--nice-font-size-sm, .875rem);color:var(--nice-text-secondary, #6b7280)}.nice-batch-scanner__summary strong{color:var(--nice-text-primary, #1f2937)}.nice-batch-scanner__items{flex:1;min-height:150px;max-height:300px;overflow-y:auto;padding:0 var(--nice-spacing-md, 16px)}.nice-batch-scanner__item{display:flex;align-items:center;gap:var(--nice-spacing-sm, 8px);padding:var(--nice-spacing-sm, 8px) 0;border-bottom:1px solid var(--nice-border-color, #e0e0e0)}.nice-batch-scanner__item:last-child{border-bottom:none}.nice-batch-scanner__item-info{flex:1;min-width:0}.nice-batch-scanner__item-value{display:block;font-size:var(--nice-font-size-base, 1rem);font-family:var(--nice-font-mono, monospace);color:var(--nice-text-primary, #1f2937);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nice-batch-scanner__item-format{display:block;font-size:var(--nice-font-size-xs, .75rem);color:var(--nice-text-muted, #9ca3af);text-transform:uppercase}.nice-batch-scanner__item-quantity{display:flex;align-items:center;gap:var(--nice-spacing-xs, 4px)}.nice-batch-scanner__qty-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid var(--nice-border-color, #e0e0e0);border-radius:var(--nice-radius-sm, 4px);background:var(--nice-bg-primary, #ffffff);font-size:var(--nice-font-size-lg, 1.125rem);cursor:pointer;transition:all .2s ease}.nice-batch-scanner__qty-btn:hover{background:var(--nice-bg-secondary, #f3f4f6);border-color:var(--nice-color-primary, #3b82f6)}.nice-batch-scanner__qty-btn:active{transform:scale(.95)}.nice-batch-scanner__qty-value{min-width:32px;text-align:center;font-weight:var(--nice-font-weight-medium, 500);font-variant-numeric:tabular-nums}.nice-batch-scanner__item-remove{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:var(--nice-radius-sm, 4px);background:transparent;color:var(--nice-text-muted, #9ca3af);font-size:var(--nice-font-size-xl, 1.25rem);cursor:pointer;transition:all .2s ease}.nice-batch-scanner__item-remove:hover{background:var(--nice-color-error-bg, rgba(239, 68, 68, .1));color:var(--nice-color-error, #ef4444)}.nice-batch-scanner__empty{display:flex;align-items:center;justify-content:center;height:100px;color:var(--nice-text-muted, #9ca3af);font-size:var(--nice-font-size-sm, .875rem)}.nice-batch-scanner__actions{display:flex;gap:var(--nice-spacing-sm, 8px);padding:var(--nice-spacing-md, 16px);border-top:1px solid var(--nice-border-color, #e0e0e0)}.nice-batch-scanner__actions .nice-batch-scanner__btn{flex:1}[data-theme=dark] .nice-batch-scanner,.dark .nice-batch-scanner{background:var(--nice-bg-primary-dark, #1f2937)}[data-theme=dark] .nice-batch-scanner__summary,.dark .nice-batch-scanner__summary{background:var(--nice-bg-secondary-dark, #374151)}[data-theme=dark] .nice-batch-scanner__manual-input,.dark .nice-batch-scanner__manual-input{background:var(--nice-bg-secondary-dark, #374151);border-color:var(--nice-border-color-dark, #4b5563);color:var(--nice-text-primary-dark, #f9fafb)}[data-theme=dark] .nice-batch-scanner__item,.dark .nice-batch-scanner__item{border-color:var(--nice-border-color-dark, #4b5563)}[data-theme=dark] .nice-batch-scanner__item-value,.dark .nice-batch-scanner__item-value{color:var(--nice-text-primary-dark, #f9fafb)}[data-theme=dark] .nice-batch-scanner__qty-btn,.dark .nice-batch-scanner__qty-btn{background:var(--nice-bg-secondary-dark, #374151);border-color:var(--nice-border-color-dark, #4b5563);color:var(--nice-text-primary-dark, #f9fafb)}[data-theme=dark] .nice-batch-scanner__actions,.dark .nice-batch-scanner__actions{border-color:var(--nice-border-color-dark, #4b5563)}@media (hover: none) and (pointer: coarse){.nice-batch-scanner__qty-btn,.nice-batch-scanner__item-remove{width:36px;height:36px}.nice-batch-scanner__item{padding:var(--nice-spacing-md, 16px) 0}}@media (max-width: 480px){.nice-batch-scanner__scanner{aspect-ratio:1}.nice-batch-scanner__actions{flex-direction:column}}.nice-qr-generator{position:relative;display:inline-flex;flex-direction:column;align-items:center;gap:var(--nice-spacing-sm, 8px)}.nice-qr-generator--bordered{padding:var(--nice-spacing-md, 16px);border:1px solid var(--nice-border-color, #e0e0e0);border-radius:var(--nice-radius-md, 8px);background:var(--nice-bg-primary, #ffffff)}.nice-qr-generator--error .nice-qr-generator__canvas{opacity:.5}.nice-qr-generator__canvas{display:block;border-radius:var(--nice-radius-sm, 4px)}.nice-qr-generator__error{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:var(--nice-spacing-sm, 8px) var(--nice-spacing-md, 16px);background:var(--nice-color-error-bg, rgba(239, 68, 68, .9));color:var(--nice-color-error-text, #ffffff);border-radius:var(--nice-radius-sm, 4px);font-size:var(--nice-font-size-sm, .875rem);text-align:center;white-space:nowrap}[data-theme=dark] .nice-qr-generator--bordered,.dark .nice-qr-generator--bordered{border-color:var(--nice-border-color-dark, #374151);background:var(--nice-bg-primary-dark, #1f2937)}.nice-qr-builder{display:flex;flex-direction:column;gap:var(--nice-spacing-md, 16px);padding:var(--nice-spacing-lg, 24px);background:var(--nice-bg-primary, #ffffff);border-radius:var(--nice-radius-lg, 12px);box-shadow:var(--nice-shadow-md, 0 4px 6px -1px rgba(0, 0, 0, .1))}.nice-qr-builder__preview{display:flex;justify-content:center;padding:var(--nice-spacing-lg, 24px);background:var(--nice-bg-secondary, #f9fafb);border-radius:var(--nice-radius-md, 8px)}.nice-qr-builder__input{display:flex;flex-direction:column;gap:var(--nice-spacing-xs, 4px)}.nice-qr-builder__input label{font-size:var(--nice-font-size-sm, .875rem);font-weight:var(--nice-font-weight-medium, 500);color:var(--nice-text-secondary, #6b7280)}.nice-qr-builder__input input,.nice-qr-builder__input textarea{padding:var(--nice-spacing-sm, 8px) var(--nice-spacing-md, 16px);border:1px solid var(--nice-border-color, #e0e0e0);border-radius:var(--nice-radius-sm, 4px);font-size:var(--nice-font-size-base, 1rem);transition:border-color .2s ease}.nice-qr-builder__input input:focus,.nice-qr-builder__input textarea:focus{outline:none;border-color:var(--nice-color-primary, #3b82f6);box-shadow:0 0 0 3px var(--nice-primary-tint-10, rgba(59, 130, 246, .1))}.nice-qr-builder__options{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--nice-spacing-md, 16px)}.nice-qr-builder__color-picker{display:flex;align-items:center;gap:var(--nice-spacing-sm, 8px)}.nice-qr-builder__color-picker input[type=color]{width:40px;height:40px;padding:0;border:1px solid var(--nice-border-color, #e0e0e0);border-radius:var(--nice-radius-sm, 4px);cursor:pointer}.nice-qr-builder__actions{display:flex;flex-wrap:wrap;gap:var(--nice-spacing-sm, 8px);justify-content:center}.nice-qr-builder__btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--nice-spacing-xs, 4px);padding:var(--nice-spacing-sm, 8px) var(--nice-spacing-md, 16px);border:none;border-radius:var(--nice-radius-sm, 4px);font-size:var(--nice-font-size-sm, .875rem);font-weight:var(--nice-font-weight-medium, 500);cursor:pointer;transition:all .2s ease}.nice-qr-builder__btn--primary{background:var(--nice-color-primary, #3b82f6);color:#fff}.nice-qr-builder__btn--primary:hover{background:var(--nice-color-primary-dark, #2563eb)}.nice-qr-builder__btn--secondary{background:var(--nice-bg-secondary, #f3f4f6);color:var(--nice-text-primary, #1f2937)}.nice-qr-builder__btn--secondary:hover{background:var(--nice-bg-tertiary, #e5e7eb)}.nice-qr-templates{display:flex;flex-wrap:wrap;gap:var(--nice-spacing-sm, 8px)}.nice-qr-template-btn{display:inline-flex;align-items:center;gap:var(--nice-spacing-xs, 4px);padding:var(--nice-spacing-xs, 4px) var(--nice-spacing-sm, 8px);background:var(--nice-bg-secondary, #f9fafb);border:1px solid var(--nice-border-color, #e0e0e0);border-radius:var(--nice-radius-full, 9999px);font-size:var(--nice-font-size-sm, .875rem);cursor:pointer;transition:all .2s ease}.nice-qr-template-btn:hover{background:var(--nice-bg-tertiary, #f3f4f6);border-color:var(--nice-color-primary, #3b82f6)}.nice-qr-template-btn--active{background:var(--nice-color-primary, #3b82f6);border-color:var(--nice-color-primary, #3b82f6);color:#fff}@media (max-width: 640px){.nice-qr-builder{padding:var(--nice-spacing-md, 16px)}.nice-qr-builder__options{grid-template-columns:1fr}.nice-qr-builder__btn{flex:1;min-width:120px}}@media (hover: none) and (pointer: coarse){.nice-qr-builder__btn{min-height:44px}.nice-qr-template-btn{min-height:36px;padding:var(--nice-spacing-sm, 8px) var(--nice-spacing-md, 16px)}}@media print{.nice-qr-generator{padding:0;border:none;background:transparent}.nice-qr-builder__actions,.nice-qr-builder__options,.nice-qr-templates{display:none}.nice-qr-generator__canvas{max-width:100%;page-break-inside:avoid}}@keyframes qr-fade-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.nice-qr-generator__canvas{animation:qr-fade-in .3s ease-out}@keyframes qr-pulse{0%,to{box-shadow:0 0 0 0 var(--nice-primary-tint-40, rgba(59, 130, 246, .4))}50%{box-shadow:0 0 0 10px transparent}}.nice-qr-generator--generating .nice-qr-generator__canvas{animation:qr-pulse 1.5s ease-in-out infinite}:root{--qr-scanner-bg: var(--nice-text, #000000);--qr-scanner-frame-color: var(--nice-primary, #3b82f6);--qr-scanner-frame-size: 70%;--qr-scanner-corner-size: 2.5rem;--qr-scanner-corner-thickness: 4px;--qr-scanner-success-color: var(--nice-success, #22c55e);--qr-scanner-error-color: var(--nice-danger, #ef4444)}.nice-qr-scanner{position:relative;width:100%;height:100%;min-height:300px;background-color:var(--qr-scanner-bg);overflow:hidden}.nice-qr-scanner__video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.nice-qr-scanner__canvas{display:none}.nice-qr-scanner__frame{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:var(--qr-scanner-frame-size);height:0;padding-bottom:var(--qr-scanner-frame-size);max-width:280px;max-height:280px;pointer-events:none}.nice-qr-scanner__frame:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border:1px solid var(--nice-overlay-light-20, rgba(255, 255, 255, .2));border-radius:var(--nice-radius-lg, .5rem)}.nice-qr-scanner__frame-corner{position:absolute;width:var(--qr-scanner-corner-size);height:var(--qr-scanner-corner-size)}.nice-qr-scanner__frame-corner--tl{top:0;left:0;border-top:var(--qr-scanner-corner-thickness) solid var(--qr-scanner-frame-color);border-left:var(--qr-scanner-corner-thickness) solid var(--qr-scanner-frame-color);border-top-left-radius:var(--nice-radius-lg, .5rem)}.nice-qr-scanner__frame-corner--tr{top:0;right:0;border-top:var(--qr-scanner-corner-thickness) solid var(--qr-scanner-frame-color);border-right:var(--qr-scanner-corner-thickness) solid var(--qr-scanner-frame-color);border-top-right-radius:var(--nice-radius-lg, .5rem)}.nice-qr-scanner__frame-corner--bl{bottom:0;left:0;border-bottom:var(--qr-scanner-corner-thickness) solid var(--qr-scanner-frame-color);border-left:var(--qr-scanner-corner-thickness) solid var(--qr-scanner-frame-color);border-bottom-left-radius:var(--nice-radius-lg, .5rem)}.nice-qr-scanner__frame-corner--br{bottom:0;right:0;border-bottom:var(--qr-scanner-corner-thickness) solid var(--qr-scanner-frame-color);border-right:var(--qr-scanner-corner-thickness) solid var(--qr-scanner-frame-color);border-bottom-right-radius:var(--nice-radius-lg, .5rem)}.nice-qr-scanner__bounding-box{position:absolute;border:3px solid var(--qr-scanner-success-color);border-radius:var(--nice-radius-sm, .25rem);background-color:var(--nice-success-tint-10, rgba(34, 197, 94, .1));animation:qr-bounding-pulse .3s ease-out;pointer-events:none}@keyframes qr-bounding-pulse{0%{transform:scale(1.05);opacity:0}to{transform:scale(1);opacity:1}}.nice-qr-scanner__error{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;background-color:var(--nice-overlay-90, rgba(0, 0, 0, .9));padding:2rem;text-align:center}.nice-qr-scanner__error-icon{width:3rem;height:3rem;color:var(--qr-scanner-error-color)}.nice-qr-scanner__error-icon svg{width:100%;height:100%}.nice-qr-scanner__error-text{margin:0;font-size:.875rem;color:var(--nice-bg, #FFFFFF);max-width:300px}.nice-qr-scanner__error-btn{padding:.625rem 1.25rem;border:none;border-radius:var(--nice-radius-md, .375rem);background-color:var(--qr-scanner-frame-color);color:var(--nice-bg, #FFFFFF);font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s ease}.nice-qr-scanner__error-btn:hover{background-color:var(--nice-primary-hover, #2563eb)}.nice-qr-scanner__unsupported{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background-color:var(--nice-overlay-90, rgba(0, 0, 0, .9));padding:2rem;text-align:center}.nice-qr-scanner__unsupported p{margin:0;color:var(--nice-text-muted, #9ca3af);font-size:.875rem}.nice-qr-scanner__overlay{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.nice-qr-scanner__overlay>*{pointer-events:auto}.nice-qr-scanner-controls{position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%);display:flex;gap:.75rem}.nice-qr-scanner-controls__btn{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border:none;border-radius:var(--nice-radius-full, 50%);background-color:var(--nice-overlay-light-20, rgba(255, 255, 255, .2));color:var(--nice-bg, #FFFFFF);cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .2s ease}.nice-qr-scanner-controls__btn:hover{background-color:var(--nice-overlay-light-30, rgba(255, 255, 255, .3))}.nice-qr-scanner-controls__btn--active{background-color:var(--qr-scanner-frame-color)}.nice-qr-scanner-controls__btn svg{width:1.5rem;height:1.5rem}.nice-qr-scanner-controls__btn--scan{width:4rem;height:4rem;background-color:var(--qr-scanner-frame-color)}.nice-qr-scanner-controls__btn--scan:hover{background-color:var(--nice-primary-hover, #2563eb)}.nice-qr-scanner-controls__btn--scan svg{width:2rem;height:2rem}.nice-qr-scanner-result{position:absolute;bottom:0;left:0;right:0;padding:1rem;background:linear-gradient(transparent,var(--nice-overlay-90, rgba(0, 0, 0, .9)))}.nice-qr-scanner-result__content{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;background-color:var(--nice-overlay-light-10, rgba(255, 255, 255, .1));border-radius:var(--nice-radius-lg, .5rem);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.nice-qr-scanner-result__header{display:flex;align-items:center;gap:.5rem}.nice-qr-scanner-result__type{font-size:.625rem;font-weight:600;text-transform:uppercase;padding:.25rem .5rem;background-color:var(--qr-scanner-frame-color);border-radius:var(--nice-radius-full, 9999px);color:var(--nice-bg, #FFFFFF)}.nice-qr-scanner-result__time{font-size:.75rem;color:var(--nice-text-muted, #9ca3af)}.nice-qr-scanner-result__text{font-size:.875rem;color:var(--nice-bg, #FFFFFF);word-break:break-all;line-height:1.4}.nice-qr-scanner-result__actions{display:flex;gap:.5rem;margin-top:.5rem}.nice-qr-scanner-result__action{flex:1;padding:.5rem;border:none;border-radius:var(--nice-radius-md, .375rem);background-color:var(--nice-overlay-light-10, rgba(255, 255, 255, .1));color:var(--nice-bg, #FFFFFF);font-size:.75rem;cursor:pointer;transition:background-color .2s ease}.nice-qr-scanner-result__action:hover{background-color:var(--nice-overlay-light-20, rgba(255, 255, 255, .2))}.nice-qr-scanner-result__action--primary{background-color:var(--qr-scanner-frame-color)}.nice-qr-scanner-result__action--primary:hover{background-color:var(--nice-primary-hover, #2563eb)}.nice-qr-scanner-upload{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem;background-color:var(--nice-bg-secondary, #f3f4f6);border:2px dashed var(--nice-border, #d1d5db);border-radius:var(--nice-radius-lg, .5rem);cursor:pointer;transition:all .2s ease}.nice-qr-scanner-upload:hover{background-color:var(--nice-border, #e5e7eb);border-color:var(--nice-text-muted, #9ca3af)}.nice-qr-scanner-upload__icon{width:3rem;height:3rem;color:var(--nice-text-secondary, #6b7280)}.nice-qr-scanner-upload__text{font-size:.875rem;color:var(--nice-text-secondary, #6b7280);text-align:center}.nice-qr-scanner-upload__input{display:none}@media (prefers-reduced-motion: reduce){.nice-qr-scanner__bounding-box{animation:none}}@media (prefers-color-scheme: dark){.nice-qr-scanner-upload{background-color:var(--nice-text, #374151);border-color:var(--nice-text-secondary, #4b5563)}.nice-qr-scanner-upload:hover{background-color:var(--nice-text-secondary, #4b5563);border-color:var(--nice-text-secondary, #6b7280)}.nice-qr-scanner-upload__icon,.nice-qr-scanner-upload__text{color:var(--nice-text-muted, #9ca3af)}}@media (pointer: coarse){.nice-qr-scanner-controls__btn{width:3.5rem;height:3.5rem}.nice-qr-scanner-controls__btn--scan{width:4.5rem;height:4.5rem}.nice-qr-scanner-controls__btn svg{width:1.75rem;height:1.75rem}.nice-qr-scanner-controls__btn--scan svg{width:2.25rem;height:2.25rem}.nice-qr-scanner-result__action{padding:.75rem;font-size:.875rem}}.nice-symbology-config{display:flex;flex-direction:column;gap:var(--nice-spacing-md, 16px);background:var(--nice-bg-primary, #ffffff);border-radius:var(--nice-radius-lg, 12px);border:1px solid var(--nice-border-color, #e0e0e0);overflow:hidden}.nice-symbology-config--readonly{pointer-events:none;opacity:.9}.nice-symbology-config__toolbar{display:flex;align-items:center;gap:var(--nice-spacing-sm, 8px);padding:var(--nice-spacing-sm, 8px) var(--nice-spacing-md, 16px);background:var(--nice-bg-secondary, #f9fafb);border-bottom:1px solid var(--nice-border-color, #e0e0e0)}.nice-symbology-config__btn{padding:var(--nice-spacing-xs, 4px) var(--nice-spacing-sm, 8px);border:1px solid var(--nice-border-color, #e0e0e0);border-radius:var(--nice-radius-sm, 4px);background:var(--nice-bg-primary, #ffffff);font-size:var(--nice-font-size-sm, .875rem);cursor:pointer;transition:all .2s ease}.nice-symbology-config__btn:hover{background:var(--nice-bg-tertiary, #e5e7eb)}.nice-symbology-config__count{margin-left:auto;font-size:var(--nice-font-size-sm, .875rem);color:var(--nice-text-muted, #9ca3af)}.nice-symbology-config__content{display:flex;gap:var(--nice-spacing-md, 16px);padding:var(--nice-spacing-md, 16px);min-height:300px}.nice-symbology-config__list{flex:1;min-width:0;overflow-y:auto;max-height:500px}.nice-symbology-config__details{flex:0 0 300px;padding:var(--nice-spacing-md, 16px);background:var(--nice-bg-secondary, #f9fafb);border-radius:var(--nice-radius-md, 8px);border:1px solid var(--nice-border-color, #e0e0e0);overflow-y:auto;max-height:500px}.nice-symbology-config__group{margin-bottom:var(--nice-spacing-md, 16px)}.nice-symbology-config__group:last-child{margin-bottom:0}.nice-symbology-config__group-title{margin:0 0 var(--nice-spacing-sm, 8px);font-size:var(--nice-font-size-sm, .875rem);font-weight:var(--nice-font-weight-semibold, 600);color:var(--nice-text-secondary, #6b7280);text-transform:uppercase;letter-spacing:.05em}.nice-symbology-config__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--nice-spacing-xs, 4px)}.nice-symbology-config__item{display:flex;align-items:center;gap:var(--nice-spacing-sm, 8px);padding:var(--nice-spacing-sm, 8px);border:1px solid transparent;border-radius:var(--nice-radius-sm, 4px);cursor:pointer;transition:all .15s ease;-webkit-user-select:none;user-select:none}.nice-symbology-config__item:hover{background:var(--nice-bg-secondary, #f9fafb);border-color:var(--nice-border-color, #e0e0e0)}.nice-symbology-config__item--selected{background:var(--nice-primary-tint-8, rgba(59, 130, 246, .08));border-color:var(--nice-color-primary, #3b82f6)}.nice-symbology-config__item--active{background:#3b82f61f;box-shadow:0 0 0 2px var(--nice-primary-tint-20, rgba(59, 130, 246, .2))}.nice-symbology-config__item:focus-visible{outline:2px solid var(--nice-color-primary, #3b82f6);outline-offset:-2px}.nice-symbology-config__checkbox{display:flex;align-items:center;justify-content:center;width:18px;height:18px;border:2px solid var(--nice-border-color, #d1d5db);border-radius:var(--nice-radius-xs, 3px);font-size:12px;font-weight:700;color:#fff;transition:all .15s ease;flex-shrink:0}.nice-symbology-config__checkbox--checked{background:var(--nice-color-primary, #3b82f6);border-color:var(--nice-color-primary, #3b82f6)}.nice-symbology-config__item-info{display:flex;flex-direction:column;min-width:0}.nice-symbology-config__item-name{font-size:var(--nice-font-size-sm, .875rem);font-weight:var(--nice-font-weight-medium, 500);color:var(--nice-text-primary, #1f2937);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nice-symbology-config__item-desc{font-size:var(--nice-font-size-xs, .75rem);color:var(--nice-text-muted, #9ca3af)}.nice-symbology-config__details-title{margin:0 0 var(--nice-spacing-sm, 8px);font-size:var(--nice-font-size-lg, 1.125rem);font-weight:var(--nice-font-weight-semibold, 600);color:var(--nice-text-primary, #1f2937)}.nice-symbology-config__details-desc{margin:0 0 var(--nice-spacing-md, 16px);font-size:var(--nice-font-size-sm, .875rem);color:var(--nice-text-secondary, #6b7280);line-height:1.5}.nice-symbology-config__details-props{display:flex;flex-direction:column;gap:var(--nice-spacing-sm, 8px);margin-bottom:var(--nice-spacing-md, 16px)}.nice-symbology-config__prop{display:flex;justify-content:space-between;align-items:baseline;gap:var(--nice-spacing-sm, 8px)}.nice-symbology-config__prop-label{font-size:var(--nice-font-size-sm, .875rem);font-weight:var(--nice-font-weight-medium, 500);color:var(--nice-text-secondary, #6b7280);flex-shrink:0}.nice-symbology-config__prop-value{font-size:var(--nice-font-size-sm, .875rem);color:var(--nice-text-primary, #1f2937);text-align:right}.nice-symbology-config__tags{display:flex;flex-wrap:wrap;gap:var(--nice-spacing-xs, 4px);margin-top:var(--nice-spacing-xs, 4px)}.nice-symbology-config__tag{display:inline-block;padding:var(--nice-space-0-5, 2px) var(--nice-space-2, 8px);background:var(--nice-bg-primary, #ffffff);border:1px solid var(--nice-border-color, #e0e0e0);border-radius:var(--nice-radius-full, 9999px);font-size:var(--nice-font-size-xs, .75rem);color:var(--nice-text-secondary, #6b7280)}.nice-symbology-config__validation{margin-top:var(--nice-spacing-md, 16px);padding-top:var(--nice-spacing-md, 16px);border-top:1px solid var(--nice-border-color, #e0e0e0)}.nice-symbology-config__validation-result{display:flex;justify-content:space-between;padding:var(--nice-spacing-sm, 8px);border-radius:var(--nice-radius-sm, 4px);font-size:var(--nice-font-size-sm, .875rem);font-weight:var(--nice-font-weight-medium, 500);margin-top:var(--nice-spacing-xs, 4px)}.nice-symbology-config__validation-result--valid{background:var(--nice-success-tint-10, rgba(16, 185, 129, .1));color:var(--nice-color-success, #059669)}.nice-symbology-config__validation-result--invalid{background:var(--nice-danger-tint-10, rgba(239, 68, 68, .1));color:var(--nice-color-error, #dc2626)}.nice-symbology-config__validation-error{padding:var(--nice-spacing-xs, 4px) 0;font-size:var(--nice-font-size-xs, .75rem);color:var(--nice-color-error, #dc2626)}.nice-symbology-config__validation-warning{padding:var(--nice-spacing-xs, 4px) 0;font-size:var(--nice-font-size-xs, .75rem);color:var(--nice-color-warning, #d97706)}[data-theme=dark] .nice-symbology-config,.dark .nice-symbology-config{background:var(--nice-bg-primary-dark, #1f2937);border-color:var(--nice-border-color-dark, #374151)}[data-theme=dark] .nice-symbology-config__toolbar,.dark .nice-symbology-config__toolbar,[data-theme=dark] .nice-symbology-config__details,.dark .nice-symbology-config__details{background:var(--nice-bg-secondary-dark, #374151);border-color:var(--nice-border-color-dark, #4b5563)}[data-theme=dark] .nice-symbology-config__item-name,.dark .nice-symbology-config__item-name,[data-theme=dark] .nice-symbology-config__details-title,.dark .nice-symbology-config__details-title{color:var(--nice-text-primary-dark, #f9fafb)}[data-theme=dark] .nice-symbology-config__btn,.dark .nice-symbology-config__btn{background:var(--nice-bg-secondary-dark, #374151);border-color:var(--nice-border-color-dark, #4b5563);color:var(--nice-text-primary-dark, #f9fafb)}@media (hover: none) and (pointer: coarse){.nice-symbology-config__item{padding:var(--nice-spacing-sm, 8px) var(--nice-spacing-md, 16px);min-height:44px}.nice-symbology-config__checkbox{width:22px;height:22px}}@media (max-width: 768px){.nice-symbology-config__content{flex-direction:column}.nice-symbology-config__details{flex:none}.nice-symbology-config__grid{grid-template-columns:1fr}}.nice-conflict-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--nice-overlay-50, rgba(0, 0, 0, .5));display:flex;align-items:center;justify-content:center;z-index:10000;animation:nice-conflict-fade-in .2s ease-out}@keyframes nice-conflict-fade-in{0%{opacity:0}to{opacity:1}}.nice-conflict-modal{background:var(--nice-conflict-bg, #ffffff);border-radius:var(--nice-radius-xl, 16px);box-shadow:0 25px 50px var(--nice-overlay-25, rgba(0, 0, 0, .25));max-width:600px;max-height:80vh;width:90%;overflow:hidden;animation:nice-conflict-slide-up .3s ease-out}@keyframes nice-conflict-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.nice-conflict-drawer{position:fixed;right:0;top:0;bottom:0;width:400px;max-width:100%;background:var(--nice-conflict-bg, #ffffff);box-shadow:-4px 0 20px var(--nice-overlay-15, rgba(0, 0, 0, .15));z-index:10000;transform:translate(100%);transition:transform .3s ease-out}.nice-conflict-drawer--open{transform:translate(0)}.nice-conflict-toast{position:fixed;bottom:24px;right:24px;max-width:420px;background:var(--nice-conflict-bg, #ffffff);border-radius:var(--nice-radius-xl, 12px);box-shadow:0 10px 40px var(--nice-overlay-20, rgba(0, 0, 0, .2));z-index:10000;animation:nice-conflict-slide-up .3s ease-out}.nice-conflict-list{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--nice-conflict-text, #1a1a1a)}.nice-conflict-list__header{display:flex;align-items:center;justify-content:space-between;padding:var(--nice-space-4, 16px) var(--nice-space-5, 20px);border-bottom:1px solid var(--nice-conflict-border, #e5e7eb);background:var(--nice-conflict-header-bg, #f9fafb)}.nice-conflict-list__header h3{margin:0;font-size:16px;font-weight:600;color:var(--nice-conflict-title, #111827)}.nice-conflict-list__close{width:32px;height:32px;border:none;background:transparent;border-radius:var(--nice-radius-lg, 8px);cursor:pointer;font-size:18px;color:var(--nice-conflict-muted, #6b7280);transition:all .15s ease}.nice-conflict-list__close:hover{background:var(--nice-conflict-hover-bg, #f3f4f6);color:var(--nice-conflict-text, #1a1a1a)}.nice-conflict-list__items{max-height:400px;overflow-y:auto;padding:var(--nice-space-4, 16px)}.nice-conflict-list__bulk{display:flex;gap:var(--nice-space-3, 12px);padding:var(--nice-space-4, 16px) var(--nice-space-5, 20px);border-top:1px solid var(--nice-conflict-border, #e5e7eb);background:var(--nice-conflict-footer-bg, #f9fafb)}.nice-conflict-item{padding:var(--nice-space-4, 16px);border:1px solid var(--nice-conflict-border, #e5e7eb);border-radius:var(--nice-radius-xl, 12px);margin-bottom:var(--nice-space-3, 12px);background:var(--nice-conflict-item-bg, #ffffff)}.nice-conflict-item:last-child{margin-bottom:0}.nice-conflict-item__header{display:flex;align-items:center;gap:var(--nice-space-3, 12px);margin-bottom:var(--nice-space-3, 12px)}.nice-conflict-item__type{display:inline-flex;padding:var(--nice-space-1, 4px) var(--nice-space-2-5, 10px);background:var(--nice-conflict-type-bg, #e0e7ff);color:var(--nice-conflict-type-color, #4338ca);border-radius:var(--nice-radius-md, 6px);font-size:12px;font-weight:600;text-transform:uppercase}.nice-conflict-item__id{font-size:13px;color:var(--nice-conflict-muted, #6b7280);font-family:monospace}.nice-conflict-item__versions{display:grid;grid-template-columns:1fr 1fr;gap:var(--nice-space-3, 12px);margin-bottom:var(--nice-space-3, 12px)}.nice-conflict-item__version{padding:var(--nice-space-3, 12px);border-radius:var(--nice-radius-lg, 8px);display:flex;flex-direction:column;gap:var(--nice-space-1, 4px)}.nice-conflict-item__version--client{background:var(--nice-conflict-client-bg, #fef3c7);border:1px solid var(--nice-conflict-client-border, #fcd34d)}.nice-conflict-item__version--server{background:var(--nice-conflict-server-bg, #dbeafe);border:1px solid var(--nice-conflict-server-border, #60a5fa)}.nice-conflict-item__version-label{font-size:12px;font-weight:600;color:var(--nice-conflict-text, #1a1a1a)}.nice-conflict-item__version-time{font-size:11px;color:var(--nice-conflict-muted, #6b7280)}.nice-conflict-item__fields{display:flex;flex-wrap:wrap;align-items:center;gap:var(--nice-space-1-5, 6px);margin-bottom:var(--nice-space-3, 12px);font-size:13px;color:var(--nice-conflict-muted, #6b7280)}.nice-conflict-item__fields code{padding:var(--nice-space-0-5, 2px) var(--nice-space-1-5, 6px);background:var(--nice-conflict-code-bg, #f3f4f6);border-radius:var(--nice-radius-sm, 4px);font-size:12px;color:var(--nice-conflict-code-color, #dc2626)}.nice-conflict-item__actions{display:flex;flex-wrap:wrap;gap:var(--nice-space-2, 8px)}.nice-conflict-btn{padding:var(--nice-space-2, 8px) var(--nice-space-3-5, 14px);border:none;border-radius:var(--nice-radius-lg, 8px);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease}.nice-conflict-btn:disabled{opacity:.5;cursor:not-allowed}.nice-conflict-btn--client{background:var(--nice-conflict-client-btn-bg, #fbbf24);color:var(--nice-conflict-client-btn-color, #78350f)}.nice-conflict-btn--client:hover:not(:disabled){background:var(--nice-conflict-client-btn-hover, #f59e0b)}.nice-conflict-btn--server{background:var(--nice-conflict-server-btn-bg, #3b82f6);color:var(--nice-conflict-server-btn-color, #ffffff)}.nice-conflict-btn--server:hover:not(:disabled){background:var(--nice-conflict-server-btn-hover, #2563eb)}.nice-conflict-btn--merge{background:var(--nice-conflict-merge-btn-bg, #8b5cf6);color:var(--nice-conflict-merge-btn-color, #ffffff)}.nice-conflict-btn--merge:hover:not(:disabled){background:var(--nice-conflict-merge-btn-hover, #7c3aed)}.nice-conflict-btn--dismiss{background:var(--nice-conflict-dismiss-btn-bg, #f3f4f6);color:var(--nice-conflict-dismiss-btn-color, #6b7280)}.nice-conflict-btn--dismiss:hover:not(:disabled){background:var(--nice-conflict-dismiss-btn-hover, #e5e7eb)}@media (prefers-color-scheme: dark){.nice-conflict-modal,.nice-conflict-drawer,.nice-conflict-toast,.nice-conflict-list{--nice-conflict-bg: #1f2937;--nice-conflict-text: #f9fafb;--nice-conflict-border: #374151;--nice-conflict-header-bg: #111827;--nice-conflict-footer-bg: #111827;--nice-conflict-title: #f9fafb;--nice-conflict-muted: #9ca3af;--nice-conflict-hover-bg: #374151;--nice-conflict-item-bg: #111827;--nice-conflict-type-bg: #312e81;--nice-conflict-type-color: #a5b4fc;--nice-conflict-client-bg: #451a03;--nice-conflict-client-border: #92400e;--nice-conflict-server-bg: #1e3a5f;--nice-conflict-server-border: #1e40af;--nice-conflict-code-bg: #374151;--nice-conflict-code-color: #f87171;--nice-conflict-dismiss-btn-bg: #374151;--nice-conflict-dismiss-btn-color: #9ca3af;--nice-conflict-dismiss-btn-hover: #4b5563}.nice-conflict-overlay{background:var(--nice-overlay-70, rgba(0, 0, 0, .7))}}@media (max-width: 480px){.nice-conflict-modal{width:100%;height:100%;max-height:100%;border-radius:0}.nice-conflict-drawer{width:100%}.nice-conflict-toast{left:16px;right:16px;bottom:16px;max-width:none}.nice-conflict-item__versions{grid-template-columns:1fr}.nice-conflict-item__actions{flex-direction:column}.nice-conflict-btn{width:100%;justify-content:center}.nice-conflict-list__bulk{flex-direction:column}}.nice-offline-form{position:relative}.nice-offline-form__badge{position:absolute;top:8px;right:8px;display:flex;align-items:center;gap:var(--nice-space-1-5, 6px);padding:var(--nice-space-1, 4px) var(--nice-space-2-5, 10px);border-radius:var(--nice-radius-full, 9999px);font-size:12px;font-weight:500;z-index:10}.nice-offline-form__badge--offline{background:var(--nice-danger-bg, #fef2f2);color:var(--nice-danger-dark, #991b1b);border:1px solid var(--nice-danger-bg, #fecaca)}.nice-offline-form__badge--pending{background:var(--nice-warning-bg, #fffbeb);color:var(--nice-warning-dark, #92400e);border:1px solid var(--nice-warning-bg, #fed7aa)}.nice-offline-form__badge--syncing{background:var(--nice-primary-bg, #eff6ff);color:var(--nice-primary-dark, #1e40af);border:1px solid var(--nice-primary-bg, #bfdbfe)}.nice-offline-form__badge-dot{width:6px;height:6px;border-radius:var(--nice-radius-full, 50%);background:currentColor;animation:nice-form-dot-pulse 1.5s ease-in-out infinite}@keyframes nice-form-dot-pulse{0%,to{opacity:1}50%{opacity:.4}}.nice-offline-form__draft{display:flex;align-items:center;gap:var(--nice-space-2, 8px);padding:var(--nice-space-2, 8px) var(--nice-space-3, 12px);margin-bottom:var(--nice-space-3, 12px);background:var(--nice-primary-bg, #f0f9ff);border:1px solid #bae6fd;border-radius:var(--nice-radius-lg, 8px);font-size:13px;color:var(--nice-primary-dark, #0369a1)}.nice-offline-form__draft-icon{font-size:16px}.nice-offline-form__draft-text{flex:1}.nice-offline-form__draft-action{padding:var(--nice-space-1, 4px) var(--nice-space-2, 8px);border:none;background:transparent;color:#0284c7;font-size:12px;font-weight:500;cursor:pointer;border-radius:var(--nice-radius-sm, 4px);transition:background .15s ease}.nice-offline-form__draft-action:hover{background:#0284c71a}.nice-offline-form__sync-bar{display:flex;align-items:center;justify-content:space-between;padding:var(--nice-space-2-5, 10px) var(--nice-space-3-5, 14px);background:var(--nice-bg-secondary, #f9fafb);border:1px solid var(--nice-border, #e5e7eb);border-radius:var(--nice-radius-lg, 8px);margin-top:var(--nice-space-3, 12px);font-size:13px;color:var(--nice-text-secondary, #4b5563)}.nice-offline-form__sync-status{display:flex;align-items:center;gap:var(--nice-space-2, 8px)}.nice-offline-form__sync-spinner{width:14px;height:14px;border:2px solid var(--nice-border, #e5e7eb);border-top-color:var(--nice-primary, #3b82f6);border-radius:var(--nice-radius-full, 50%);animation:nice-form-spin .8s linear infinite}@keyframes nice-form-spin{to{transform:rotate(360deg)}}.nice-offline-form__sync-actions{display:flex;gap:var(--nice-space-2, 8px)}.nice-offline-form__btn{padding:var(--nice-space-1-5, 6px) var(--nice-space-3, 12px);border:1px solid var(--nice-border, #e5e7eb);background:var(--nice-bg, #FFFFFF);border-radius:var(--nice-radius-md, 6px);font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease}.nice-offline-form__btn:hover:not(:disabled){background:var(--nice-bg-secondary, #f9fafb);border-color:var(--nice-border, #d1d5db)}.nice-offline-form__btn:disabled{opacity:.5;cursor:not-allowed}.nice-offline-form__btn--primary{background:var(--nice-primary, #3b82f6);border-color:var(--nice-primary, #3b82f6);color:var(--nice-bg, #FFFFFF)}.nice-offline-form__btn--primary:hover:not(:disabled){background:var(--nice-primary-hover, #2563eb);border-color:var(--nice-primary-hover, #2563eb)}.nice-offline-form__queue{margin-top:var(--nice-space-4, 16px);padding:var(--nice-space-3, 12px);background:var(--nice-warning-bg, #fffbeb);border:1px solid var(--nice-warning-bg, #fde68a);border-radius:var(--nice-radius-lg, 8px)}.nice-offline-form__queue-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--nice-space-2, 8px)}.nice-offline-form__queue-title{font-size:13px;font-weight:600;color:var(--nice-warning-dark, #92400e)}.nice-offline-form__queue-count{padding:var(--nice-space-0-5, 2px) var(--nice-space-2, 8px);background:var(--nice-warning-bg, #fef3c7);border-radius:var(--nice-radius-full, 9999px);font-size:11px;font-weight:600;color:var(--nice-warning-dark, #b45309)}.nice-offline-form__queue-list{display:flex;flex-direction:column;gap:var(--nice-space-1-5, 6px)}.nice-offline-form__queue-item{display:flex;align-items:center;justify-content:space-between;padding:var(--nice-space-2, 8px) var(--nice-space-2-5, 10px);background:var(--nice-bg, #FFFFFF);border-radius:var(--nice-radius-md, 6px);font-size:12px}.nice-offline-form__queue-item-status{display:flex;align-items:center;gap:var(--nice-space-1-5, 6px)}.nice-offline-form__queue-item-status--pending{color:var(--nice-warning-dark, #b45309)}.nice-offline-form__queue-item-status--failed{color:var(--nice-danger-dark, #dc2626)}.nice-offline-form__error{display:flex;align-items:flex-start;gap:var(--nice-space-2, 8px);padding:var(--nice-space-3, 12px);margin-top:var(--nice-space-3, 12px);background:var(--nice-danger-bg, #fef2f2);border:1px solid var(--nice-danger-bg, #fecaca);border-radius:var(--nice-radius-lg, 8px);font-size:13px;color:var(--nice-danger-dark, #991b1b)}.nice-offline-form__error-icon{flex-shrink:0;font-size:16px}.nice-offline-form__error-message{flex:1;line-height:1.4}.nice-offline-form__error-retry{padding:var(--nice-space-1, 4px) var(--nice-space-2-5, 10px);border:none;background:var(--nice-danger-bg, #fee2e2);color:var(--nice-danger-dark, #dc2626);border-radius:var(--nice-radius-sm, 4px);font-size:12px;font-weight:500;cursor:pointer;transition:background .15s ease}.nice-offline-form__error-retry:hover{background:var(--nice-danger-bg, #fecaca)}@media (prefers-color-scheme: dark){.nice-offline-form__badge--offline{background:var(--nice-danger-dark, #450a0a);color:var(--nice-danger-bg, #fca5a5);border-color:var(--nice-danger-dark, #7f1d1d)}.nice-offline-form__badge--pending{background:var(--nice-warning-dark, #451a03);color:var(--nice-warning-light, #fdba74);border-color:#7c2d12}.nice-offline-form__badge--syncing{background:var(--nice-primary-dark, #1e3a5f);color:var(--nice-primary-light, #93c5fd);border-color:var(--nice-primary-dark, #1e40af)}.nice-offline-form__draft{background:#0c4a6e;border-color:var(--nice-primary-dark, #0369a1);color:#7dd3fc}.nice-offline-form__draft-action{color:#38bdf8}.nice-offline-form__sync-bar{background:var(--nice-text, #1f2937);border-color:var(--nice-text, #374151);color:var(--nice-border, #d1d5db)}.nice-offline-form__btn{background:var(--nice-text, #374151);border-color:var(--nice-text-secondary, #4b5563);color:var(--nice-bg-secondary, #f9fafb)}.nice-offline-form__btn:hover:not(:disabled){background:var(--nice-text-secondary, #4b5563)}.nice-offline-form__queue{background:var(--nice-warning-dark, #451a03);border-color:var(--nice-warning-dark, #78350f)}.nice-offline-form__queue-title{color:var(--nice-warning-light, #fdba74)}.nice-offline-form__queue-count{background:var(--nice-warning-dark, #78350f);color:var(--nice-warning-light, #fcd34d)}.nice-offline-form__queue-item{background:#422006}.nice-offline-form__error{background:var(--nice-danger-dark, #450a0a);border-color:var(--nice-danger-dark, #7f1d1d);color:var(--nice-danger-bg, #fca5a5)}.nice-offline-form__error-retry{background:var(--nice-danger-dark, #7f1d1d);color:var(--nice-danger-bg, #fecaca)}.nice-offline-form__error-retry:hover{background:var(--nice-danger-dark, #991b1b)}}@media (max-width: 480px){.nice-offline-form__sync-bar{flex-direction:column;gap:var(--nice-space-2-5, 10px);align-items:stretch}.nice-offline-form__sync-actions{justify-content:stretch}.nice-offline-form__sync-actions .nice-offline-form__btn{flex:1;text-align:center}}.nice-offline-indicator{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.5;z-index:10000}.nice-offline-indicator--top,.nice-offline-indicator--bottom,.nice-offline-indicator--top-left,.nice-offline-indicator--top-right,.nice-offline-indicator--bottom-left,.nice-offline-indicator--bottom-right{position:fixed}.nice-offline-indicator--top{top:0;left:0;right:0}.nice-offline-indicator--bottom{bottom:0;left:0;right:0}.nice-offline-indicator--top-left{top:16px;left:16px}.nice-offline-indicator--top-right{top:16px;right:16px}.nice-offline-indicator--bottom-left{bottom:16px;left:16px}.nice-offline-indicator--bottom-right{bottom:16px;right:16px}.nice-offline-indicator--inline{position:relative}.nice-offline-indicator--offline{--nice-indicator-bg: #fef2f2;--nice-indicator-border: #fecaca;--nice-indicator-color: #991b1b;--nice-indicator-accent: #ef4444}.nice-offline-indicator--reconnecting{--nice-indicator-bg: #fffbeb;--nice-indicator-border: #fed7aa;--nice-indicator-color: #92400e;--nice-indicator-accent: #f97316}.nice-offline-indicator--slow{--nice-indicator-bg: #fffbeb;--nice-indicator-border: #fef08a;--nice-indicator-color: #854d0e;--nice-indicator-accent: #eab308}.nice-offline-indicator--online{--nice-indicator-bg: #f0fdf4;--nice-indicator-border: #bbf7d0;--nice-indicator-color: #166534;--nice-indicator-accent: #22c55e}.nice-offline-indicator--banner .nice-offline-indicator__banner{display:flex;align-items:center;justify-content:center;gap:var(--nice-space-2, 8px);padding:var(--nice-space-2-5, 10px) var(--nice-space-4, 16px);background:var(--nice-indicator-bg);border-bottom:1px solid var(--nice-indicator-border);color:var(--nice-indicator-color)}.nice-offline-indicator--bottom.nice-offline-indicator--banner .nice-offline-indicator__banner{border-bottom:none;border-top:1px solid var(--nice-indicator-border)}.nice-offline-indicator--badge{display:inline-flex;align-items:center;gap:var(--nice-space-1-5, 6px);padding:var(--nice-space-1, 4px) var(--nice-space-2-5, 10px);background:var(--nice-indicator-bg);border:1px solid var(--nice-indicator-border);border-radius:var(--nice-radius-full, 9999px);color:var(--nice-indicator-color);font-size:12px;font-weight:500}.nice-offline-indicator__badge-dot{width:8px;height:8px;border-radius:var(--nice-radius-full, 50%);background:var(--nice-indicator-accent)}.nice-offline-indicator--animated .nice-offline-indicator__badge-dot{animation:nice-indicator-pulse 2s ease-in-out infinite}.nice-offline-indicator--toast .nice-offline-indicator__toast{display:flex;align-items:flex-start;gap:var(--nice-space-3, 12px);padding:var(--nice-space-4, 16px);background:var(--nice-indicator-bg);border:1px solid var(--nice-indicator-border);border-radius:var(--nice-radius-xl, 12px);box-shadow:0 4px 20px var(--nice-overlay-10, rgba(0, 0, 0, .1));color:var(--nice-indicator-color);min-width:280px;max-width:400px}.nice-offline-indicator__toast-content{display:flex;flex-direction:column;gap:var(--nice-space-1, 4px)}.nice-offline-indicator--minimal{display:inline-flex;align-items:center;gap:var(--nice-space-1-5, 6px);padding:var(--nice-space-1-5, 6px) var(--nice-space-3, 12px);background:var(--nice-indicator-bg);border:1px solid var(--nice-indicator-border);border-radius:var(--nice-radius-lg, 8px);color:var(--nice-indicator-color);font-size:13px}.nice-offline-indicator--icon-only{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--nice-indicator-bg);border:1px solid var(--nice-indicator-border);border-radius:var(--nice-radius-full, 50%);cursor:default}.nice-offline-indicator--icon-only .nice-offline-indicator__icon{font-size:16px}.nice-offline-indicator--detailed .nice-offline-indicator__detailed{display:flex;gap:var(--nice-space-4, 16px);padding:var(--nice-space-4, 16px) var(--nice-space-5, 20px);background:var(--nice-indicator-bg);border:1px solid var(--nice-indicator-border);border-radius:var(--nice-radius-xl, 12px);color:var(--nice-indicator-color);min-width:300px}.nice-offline-indicator__detailed-content{display:flex;flex-direction:column;gap:var(--nice-space-2, 8px);flex:1}.nice-offline-indicator__icon{font-size:18px;flex-shrink:0}.nice-offline-indicator__message{font-weight:500}.nice-offline-indicator__details{display:flex;flex-wrap:wrap;gap:var(--nice-space-2, 8px) var(--nice-space-4, 16px);font-size:12px;opacity:.8}.nice-offline-indicator__duration,.nice-offline-indicator__type,.nice-offline-indicator__speed,.nice-offline-indicator__latency{display:flex;align-items:center;gap:var(--nice-space-1, 4px)}.nice-offline-indicator__quality{height:4px;background:var(--nice-overlay-10, rgba(0, 0, 0, .1));border-radius:var(--nice-radius-sm, 2px);overflow:hidden;margin-top:var(--nice-space-1, 4px)}.nice-offline-indicator__quality-bar{height:100%;border-radius:var(--nice-radius-sm, 2px);transition:width .3s ease}.nice-offline-indicator__spinner{width:16px;height:16px;border:2px solid var(--nice-indicator-border);border-top-color:var(--nice-indicator-accent);border-radius:var(--nice-radius-full, 50%);animation:nice-indicator-spin 1s linear infinite}@keyframes nice-indicator-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.9)}}@keyframes nice-indicator-spin{to{transform:rotate(360deg)}}.nice-offline-indicator--animated{animation:nice-indicator-slide-in .3s ease-out}@keyframes nice-indicator-slide-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.nice-offline-indicator--bottom.nice-offline-indicator--animated{animation:nice-indicator-slide-in-bottom .3s ease-out}@keyframes nice-indicator-slide-in-bottom{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.nice-offline-indicator--pulse .nice-offline-indicator__icon{animation:nice-indicator-pulse 2s ease-in-out infinite}@media (prefers-color-scheme: dark){.nice-offline-indicator--offline{--nice-indicator-bg: #450a0a;--nice-indicator-border: #7f1d1d;--nice-indicator-color: #fca5a5}.nice-offline-indicator--reconnecting{--nice-indicator-bg: #431407;--nice-indicator-border: #7c2d12;--nice-indicator-color: #fdba74}.nice-offline-indicator--slow{--nice-indicator-bg: #422006;--nice-indicator-border: #713f12;--nice-indicator-color: #fde047}.nice-offline-indicator--online{--nice-indicator-bg: #052e16;--nice-indicator-border: #166534;--nice-indicator-color: #86efac}.nice-offline-indicator--toast .nice-offline-indicator__toast{box-shadow:0 4px 20px var(--nice-overlay-40, rgba(0, 0, 0, .4))}}@media (max-width: 480px){.nice-offline-indicator--toast .nice-offline-indicator__toast,.nice-offline-indicator--detailed .nice-offline-indicator__detailed{min-width:auto;max-width:calc(100vw - 32px)}.nice-offline-indicator--top-left,.nice-offline-indicator--top-right,.nice-offline-indicator--bottom-left,.nice-offline-indicator--bottom-right{left:16px;right:16px}}:root{--nom-primary: var(--nice-primary-hover, #2563eb);--nom-primary-hover: var(--nice-primary-dark, #1d4ed8);--nom-success: var(--nice-success, #10b981);--nom-warning: var(--nice-warning, #f59e0b);--nom-error: var(--nice-danger, #ef4444);--nom-bg: var(--nice-bg, #FFFFFF);--nom-bg-secondary: var(--nice-bg-secondary, #f8fafc);--nom-border: var(--nice-border, #e2e8f0);--nom-text: var(--nice-text, #1e293b);--nom-text-muted: var(--nice-text-secondary, #64748b);--nom-radius: 8px;--nom-shadow: 0 1px 3px var(--nice-overlay-10, rgba(0, 0, 0, .1));--nom-shadow-lg: 0 4px 12px var(--nice-overlay-15, rgba(0, 0, 0, .15))}.dark{--nom-primary: var(--nice-primary, #3b82f6);--nom-primary-hover: var(--nice-primary-light, #60a5fa);--nom-success: var(--nice-success-light, #34d399);--nom-warning: var(--nice-warning-light, #fbbf24);--nom-error: var(--nice-danger-light, #f87171);--nom-bg: var(--nice-text, #1e293b);--nom-bg-secondary: var(--nice-text, #0f172a);--nom-border: var(--nice-text, #334155);--nom-text: var(--nice-bg-secondary, #f1f5f9);--nom-text-muted: var(--nice-text-muted, #94a3b8)}.nice-offline-media-manager{position:fixed;bottom:20px;right:20px;width:360px;max-height:480px;background:var(--nom-bg);border:1px solid var(--nom-border);border-radius:var(--nom-radius);box-shadow:var(--nom-shadow-lg);overflow:hidden;z-index:1000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.nice-offline-media-manager__header{display:flex;align-items:center;justify-content:space-between;padding:var(--nice-space-3, 12px) var(--nice-space-4, 16px);background:var(--nom-bg-secondary);border-bottom:1px solid var(--nom-border)}.nice-offline-media-manager__title{font-size:14px;font-weight:600;color:var(--nom-text);margin:0}.nice-offline-media-manager__count{font-size:12px;color:var(--nom-text-muted);background:var(--nom-border);padding:var(--nice-space-0-5, 2px) var(--nice-space-2, 8px);border-radius:var(--nice-radius-xl, 12px)}.nice-offline-media-manager__actions{display:flex;gap:var(--nice-space-2, 8px)}.nice-offline-media-manager__btn{width:28px;height:28px;border:none;background:transparent;color:var(--nom-text-muted);cursor:pointer;border-radius:var(--nice-radius-sm, 4px);display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s}.nice-offline-media-manager__btn:hover{background:var(--nom-border);color:var(--nom-text)}.nice-offline-media-manager__list{max-height:400px;overflow-y:auto}.nice-offline-media-item{display:flex;align-items:center;gap:var(--nice-space-3, 12px);padding:var(--nice-space-3, 12px) var(--nice-space-4, 16px);border-bottom:1px solid var(--nom-border)}.nice-offline-media-item:last-child{border-bottom:none}.nice-offline-media-item__icon{width:40px;height:40px;flex-shrink:0;background:var(--nom-bg-secondary);border-radius:var(--nice-radius-md, 6px);display:flex;align-items:center;justify-content:center;color:var(--nom-text-muted)}.nice-offline-media-item__icon--image{color:var(--nom-success)}.nice-offline-media-item__icon--video{color:var(--nom-primary)}.nice-offline-media-item__icon--audio{color:var(--nom-warning)}.nice-offline-media-item__icon--document{color:var(--nice-accent, #8b5cf6)}.nice-offline-media-item__content{flex:1;min-width:0}.nice-offline-media-item__name{font-size:13px;font-weight:500;color:var(--nom-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:var(--nice-space-1, 4px)}.nice-offline-media-item__info{display:flex;align-items:center;gap:var(--nice-space-2, 8px);font-size:11px;color:var(--nom-text-muted)}.nice-offline-media-item__progress{width:100%;height:4px;background:var(--nom-border);border-radius:var(--nice-radius-sm, 2px);overflow:hidden;margin-top:var(--nice-space-1-5, 6px)}.nice-offline-media-item__progress-bar{height:100%;background:var(--nom-primary);transition:width .2s ease}.nice-offline-media-item__progress-bar--complete{background:var(--nom-success)}.nice-offline-media-item__progress-bar--failed{background:var(--nom-error)}.nice-offline-media-item__actions{display:flex;gap:var(--nice-space-1, 4px);flex-shrink:0}.nice-offline-media-item__action{width:28px;height:28px;border:none;background:transparent;color:var(--nom-text-muted);cursor:pointer;border-radius:var(--nice-radius-sm, 4px);display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s}.nice-offline-media-item__action:hover{background:var(--nom-border);color:var(--nom-text)}.nice-offline-media-item__action--cancel:hover{color:var(--nom-error)}.nice-offline-media-status{display:inline-flex;align-items:center;gap:var(--nice-space-1, 4px);padding:var(--nice-space-0-5, 2px) var(--nice-space-1-5, 6px);border-radius:var(--nice-radius-sm, 4px);font-size:10px;font-weight:500;text-transform:uppercase}.nice-offline-media-status--queued{background:var(--nice-bg-secondary, #f1f5f9);color:var(--nice-text-secondary, #64748b)}.nice-offline-media-status--downloading{background:var(--nice-primary-bg, #dbeafe);color:var(--nice-primary-hover, #2563eb)}.nice-offline-media-status--paused{background:var(--nice-warning-bg, #fef3c7);color:var(--nice-warning-dark, #d97706)}.nice-offline-media-status--completed{background:var(--nice-success-bg, #d1fae5);color:var(--nice-success, #059669)}.nice-offline-media-status--failed{background:var(--nice-danger-bg, #fee2e2);color:var(--nice-danger-dark, #dc2626)}.nice-offline-media-status--cancelled{background:var(--nice-bg-secondary, #f1f5f9);color:var(--nice-text-muted, #94a3b8)}.nice-offline-media-stats{padding:var(--nice-space-4, 16px);background:var(--nom-bg-secondary);border-radius:var(--nom-radius)}.nice-offline-media-stats__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--nice-space-3, 12px)}.nice-offline-media-stats__title{font-size:14px;font-weight:600;color:var(--nom-text);margin:0}.nice-offline-media-stats__total{font-size:12px;color:var(--nom-text-muted)}.nice-offline-media-stats__bar{height:8px;background:var(--nom-border);border-radius:var(--nice-radius-sm, 4px);overflow:hidden;margin-bottom:var(--nice-space-3, 12px)}.nice-offline-media-stats__bar-fill{height:100%;transition:width .3s ease}.nice-offline-media-stats__bar-fill--images{background:var(--nom-success)}.nice-offline-media-stats__bar-fill--videos{background:var(--nom-primary)}.nice-offline-media-stats__bar-fill--audio{background:var(--nom-warning)}.nice-offline-media-stats__bar-fill--documents{background:var(--nice-accent, #8b5cf6)}.nice-offline-media-stats__bar-fill--other{background:var(--nom-text-muted)}.nice-offline-media-stats__breakdown{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--nice-space-2, 8px)}.nice-offline-media-stats__item{display:flex;align-items:center;gap:var(--nice-space-2, 8px);font-size:12px;color:var(--nom-text)}.nice-offline-media-stats__dot{width:8px;height:8px;border-radius:var(--nice-radius-full, 50%)}.nice-offline-media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--nice-space-3, 12px);padding:var(--nice-space-4, 16px)}.nice-offline-media-card{position:relative;background:var(--nom-bg);border:1px solid var(--nom-border);border-radius:var(--nom-radius);overflow:hidden;cursor:pointer;transition:transform .2s,box-shadow .2s}.nice-offline-media-card:hover{transform:translateY(-2px);box-shadow:var(--nom-shadow-lg)}.nice-offline-media-card__thumbnail{width:100%;aspect-ratio:1;background:var(--nom-bg-secondary);display:flex;align-items:center;justify-content:center;color:var(--nom-text-muted)}.nice-offline-media-card__thumbnail img{width:100%;height:100%;object-fit:cover}.nice-offline-media-card__overlay{position:absolute;bottom:0;left:0;right:0;padding:var(--nice-space-2, 8px);background:linear-gradient(to top,var(--nice-overlay-70, rgba(0, 0, 0, .7)),transparent)}.nice-offline-media-card__name{font-size:11px;font-weight:500;color:var(--nice-bg, #FFFFFF);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nice-offline-media-card__size{font-size:10px;color:var(--nice-overlay-light-70, rgba(255, 255, 255, .7))}.nice-offline-media-card__badge{position:absolute;top:8px;right:8px;width:20px;height:20px;border-radius:var(--nice-radius-full, 50%);display:flex;align-items:center;justify-content:center;font-size:10px}.nice-offline-media-card__badge--offline{background:var(--nom-success);color:var(--nice-bg, #FFFFFF)}.nice-offline-media-player{width:100%;background:var(--nice-text, #000000);border-radius:var(--nom-radius);overflow:hidden}.nice-offline-media-player video,.nice-offline-media-player audio,.nice-offline-media-player img{width:100%;display:block}.nice-offline-media-player__controls{display:flex;align-items:center;gap:var(--nice-space-3, 12px);padding:var(--nice-space-3, 12px);background:var(--nice-overlay-80, rgba(0, 0, 0, .8))}.nice-offline-media-player__btn{width:36px;height:36px;border:none;background:var(--nice-overlay-light-10, rgba(255, 255, 255, .1));color:var(--nice-bg, #FFFFFF);cursor:pointer;border-radius:var(--nice-radius-full, 50%);display:flex;align-items:center;justify-content:center;transition:background .2s}.nice-offline-media-player__btn:hover{background:var(--nice-overlay-light-20, rgba(255, 255, 255, .2))}.nice-offline-media-player__timeline{flex:1;height:4px;background:var(--nice-overlay-light-20, rgba(255, 255, 255, .2));border-radius:var(--nice-radius-sm, 2px);cursor:pointer;position:relative}.nice-offline-media-player__progress{height:100%;background:var(--nom-primary);border-radius:var(--nice-radius-sm, 2px);position:relative}.nice-offline-media-player__time{font-size:12px;color:var(--nice-overlay-light-70, rgba(255, 255, 255, .7));min-width:40px;text-align:center}.nice-offline-media-indicator{position:fixed;bottom:20px;right:20px;display:flex;align-items:center;gap:var(--nice-space-2, 8px);padding:var(--nice-space-2, 8px) var(--nice-space-4, 16px);background:var(--nom-bg);border:1px solid var(--nom-border);border-radius:var(--nice-radius-xl, 20px);box-shadow:var(--nom-shadow);cursor:pointer;z-index:999;transition:transform .2s}.nice-offline-media-indicator:hover{transform:scale(1.05)}.nice-offline-media-indicator__icon{width:20px;height:20px;color:var(--nom-primary);animation:nom-pulse 2s infinite}.nice-offline-media-indicator__text{font-size:12px;font-weight:500;color:var(--nom-text)}@keyframes nom-pulse{0%,to{opacity:1}50%{opacity:.5}}.nice-offline-media-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--nice-space-10, 40px) var(--nice-space-5, 20px);text-align:center}.nice-offline-media-empty__icon{width:48px;height:48px;color:var(--nom-text-muted);margin-bottom:var(--nice-space-3, 12px)}.nice-offline-media-empty__title{font-size:14px;font-weight:500;color:var(--nom-text);margin:0 0 var(--nice-space-1, 4px) 0}.nice-offline-media-empty__text{font-size:12px;color:var(--nom-text-muted);margin:0}@media (max-width: 480px){.nice-offline-media-manager{left:10px;right:10px;bottom:10px;width:auto}.nice-offline-media-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:var(--nice-space-2, 8px);padding:var(--nice-space-3, 12px)}.nice-offline-media-indicator{left:50%;transform:translate(-50%);right:auto}.nice-offline-media-indicator:hover{transform:translate(-50%) scale(1.05)}}@keyframes nom-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.nice-offline-media-manager{animation:nom-slide-up .3s ease}.nice-offline-media-item{animation:nom-fade-in .2s ease}@keyframes nom-fade-in{0%{opacity:0}to{opacity:1}}.nice-sw-notification{position:fixed;z-index:10000;padding:var(--nice-space-4, 16px);pointer-events:auto}.nice-sw-notification--top{top:16px;left:50%;transform:translate(-50%)}.nice-sw-notification--bottom{bottom:16px;left:50%;transform:translate(-50%)}.nice-sw-notification--top-left{top:16px;left:16px}.nice-sw-notification--top-right{top:16px;right:16px}.nice-sw-notification--bottom-left{bottom:16px;left:16px}.nice-sw-notification--bottom-right{bottom:16px;right:16px}.nice-sw-notification__content{display:flex;align-items:center;gap:var(--nice-space-3, 12px);padding:var(--nice-space-4, 16px) var(--nice-space-5, 20px);background:var(--nice-sw-notification-bg, #ffffff);border:1px solid var(--nice-sw-notification-border, #e0e0e0);border-radius:var(--nice-radius-xl, 12px);box-shadow:0 4px 20px var(--nice-overlay-15, rgba(0, 0, 0, .15));animation:nice-sw-slide-in .3s ease-out}@keyframes nice-sw-slide-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.nice-sw-notification__icon{font-size:24px;flex-shrink:0}.nice-sw-notification__text{display:flex;flex-direction:column;gap:var(--nice-space-0-5, 2px)}.nice-sw-notification__text strong{font-size:14px;font-weight:600;color:var(--nice-sw-notification-title-color, #1a1a1a)}.nice-sw-notification__text span{font-size:13px;color:var(--nice-sw-notification-text-color, #666666)}.nice-sw-notification__actions{display:flex;gap:var(--nice-space-2, 8px);margin-left:var(--nice-space-3, 12px)}.nice-sw-notification__btn{padding:var(--nice-space-2, 8px) var(--nice-space-4, 16px);border:none;border-radius:var(--nice-radius-md, 6px);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.nice-sw-notification__btn--primary{background:var(--nice-sw-btn-primary-bg, #2563eb);color:var(--nice-sw-btn-primary-color, #ffffff)}.nice-sw-notification__btn--primary:hover{background:var(--nice-sw-btn-primary-bg-hover, #1d4ed8)}.nice-sw-notification__btn--secondary{background:var(--nice-sw-btn-secondary-bg, #f3f4f6);color:var(--nice-sw-btn-secondary-color, #374151)}.nice-sw-notification__btn--secondary:hover{background:var(--nice-sw-btn-secondary-bg-hover, #e5e7eb)}.nice-sw-offline{position:fixed;z-index:10001;padding:var(--nice-space-2, 8px)}.nice-sw-offline__content{display:flex;align-items:center;gap:var(--nice-space-2, 8px);padding:var(--nice-space-2-5, 10px) var(--nice-space-4, 16px);background:var(--nice-sw-offline-bg, #fef2f2);border:1px solid var(--nice-sw-offline-border, #fecaca);border-radius:var(--nice-radius-lg, 8px);color:var(--nice-sw-offline-color, #991b1b);font-size:13px;font-weight:500;animation:nice-sw-offline-pulse 2s ease-in-out infinite}@keyframes nice-sw-offline-pulse{0%,to{opacity:1}50%{opacity:.7}}.nice-sw-offline__icon{font-size:16px}@media (prefers-color-scheme: dark){.nice-sw-notification__content{--nice-sw-notification-bg: #1f2937;--nice-sw-notification-border: #374151;--nice-sw-notification-title-color: #f9fafb;--nice-sw-notification-text-color: #9ca3af}.nice-sw-notification__btn--secondary{--nice-sw-btn-secondary-bg: #374151;--nice-sw-btn-secondary-color: #f9fafb;--nice-sw-btn-secondary-bg-hover: #4b5563}.nice-sw-offline__content{--nice-sw-offline-bg: #450a0a;--nice-sw-offline-border: #7f1d1d;--nice-sw-offline-color: #fca5a5}}@media (max-width: 480px){.nice-sw-notification--top,.nice-sw-notification--bottom{left:16px;right:16px;transform:none}.nice-sw-notification__content{flex-wrap:wrap}.nice-sw-notification__actions{width:100%;margin-left:0;margin-top:var(--nice-space-3, 12px);justify-content:flex-end}}
1
+ :root{--nas-primary: var(--nice-primary-hover, #2563eb);--nas-error: var(--nice-danger, #ef4444);--nas-bg: var(--nice-text, #0f172a);--nas-text: var(--nice-bg, #FFFFFF);--nas-text-muted: var(--nice-overlay-light-60, rgba(255, 255, 255, .6));--nas-progress-bg: var(--nice-overlay-light-10, rgba(255, 255, 255, .1));--nas-progress-bar: var(--nice-primary, #3b82f6);--nas-radius: 8px}.nice-auto-start__splash{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--nas-bg);display:flex;align-items:center;justify-content:center;z-index:99999;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.nice-auto-start__splash-content{text-align:center;max-width:400px;padding:var(--nice-space-10, 40px)}.nice-auto-start__splash-logo{font-size:80px;color:var(--nas-primary);margin-bottom:var(--nice-space-6, 24px);animation:nas-logo-pulse 2s ease-in-out infinite}@keyframes nas-logo-pulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.nice-auto-start__splash-title{font-size:24px;font-weight:600;color:var(--nas-text);margin:0 0 var(--nice-space-8, 32px) 0}.nice-auto-start__splash-progress{width:100%;height:4px;background:var(--nas-progress-bg);border-radius:var(--nice-radius-sm, 2px);overflow:hidden;margin-bottom:var(--nice-space-4, 16px)}.nice-auto-start__splash-progress-bar{height:100%;background:var(--nas-progress-bar);transition:width .3s ease}.nice-auto-start__splash-task{font-size:13px;color:var(--nas-text-muted);min-height:20px}.nice-auto-start__splash-recovery{margin-top:var(--nice-space-4, 16px);font-size:12px;color:var(--nice-warning, #f59e0b);padding:var(--nice-space-2, 8px) var(--nice-space-4, 16px);background:var(--nice-warning-tint-10, rgba(245, 158, 11, .1));border-radius:var(--nas-radius)}.nice-auto-start__error{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--nas-bg);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:99999;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;padding:var(--nice-space-10, 40px);text-align:center}.nice-auto-start__error-icon{width:80px;height:80px;background:var(--nice-danger-tint-10, rgba(239, 68, 68, .1));border-radius:var(--nice-radius-full, 50%);display:flex;align-items:center;justify-content:center;font-size:40px;color:var(--nas-error);margin-bottom:var(--nice-space-6, 24px)}.nice-auto-start__error-title{font-size:24px;font-weight:600;color:var(--nas-text);margin:0 0 var(--nice-space-3, 12px) 0}.nice-auto-start__error-message{font-size:14px;color:var(--nas-text-muted);margin:0 0 var(--nice-space-6, 24px) 0;max-width:400px}.nice-auto-start__error-retry{padding:var(--nice-space-3, 12px) var(--nice-space-8, 32px);background:var(--nas-primary);border:none;border-radius:var(--nas-radius);color:var(--nice-bg, #FFFFFF);font-size:14px;font-weight:500;cursor:pointer;transition:background .2s,transform .1s}.nice-auto-start__error-retry:hover{background:var(--nice-primary-dark, #1d4ed8)}.nice-auto-start__error-retry:active{transform:scale(.98)}.nice-auto-start__tasks{margin-top:var(--nice-space-6, 24px);text-align:left}.nice-auto-start__task{display:flex;align-items:center;gap:var(--nice-space-3, 12px);padding:var(--nice-space-2, 8px) 0;font-size:13px;color:var(--nas-text-muted)}.nice-auto-start__task--completed{color:var(--nice-success, #10b981)}.nice-auto-start__task--failed{color:var(--nas-error)}.nice-auto-start__task--active{color:var(--nas-text)}.nice-auto-start__task-icon{width:16px;height:16px;display:flex;align-items:center;justify-content:center}.nice-auto-start__task-icon--loading{animation:nas-spin 1s linear infinite}@keyframes nas-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.nice-auto-start__skip{position:absolute;bottom:40px;padding:var(--nice-space-2, 8px) var(--nice-space-4, 16px);background:transparent;border:1px solid var(--nice-overlay-light-20, rgba(255, 255, 255, .2));border-radius:var(--nas-radius);color:var(--nas-text-muted);font-size:12px;cursor:pointer;transition:border-color .2s,color .2s}.nice-auto-start__skip:hover{border-color:var(--nice-overlay-light-40, rgba(255, 255, 255, .4));color:var(--nas-text)}.nice-auto-start__version{position:absolute;bottom:20px;font-size:11px;color:var(--nice-overlay-light-30, rgba(255, 255, 255, .3))}@media (max-width: 480px){.nice-auto-start__splash-content{padding:var(--nice-space-5, 20px)}.nice-auto-start__splash-logo{font-size:60px}.nice-auto-start__splash-title{font-size:20px}.nice-auto-start__error{padding:var(--nice-space-5, 20px)}.nice-auto-start__error-icon{width:60px;height:60px;font-size:30px}.nice-auto-start__error-title{font-size:20px}}.nice-auto-start__splash{animation:nas-fade-in .5s ease}@keyframes nas-fade-in{0%{opacity:0}to{opacity:1}}.nice-auto-start__splash--exit{animation:nas-fade-out .3s ease forwards}@keyframes nas-fade-out{0%{opacity:1}to{opacity:0}}:root{--external-display-bg: var(--nice-surface, #ffffff);--external-display-border: var(--nice-border, #e5e7eb);--external-display-text: var(--nice-text, #1f2937);--external-display-text-secondary: var(--nice-text-secondary, #6b7280);--external-display-primary: var(--nice-primary, #3b82f6);--external-display-primary-light: var(--nice-primary-bg, #dbeafe);--external-display-success: var(--nice-success, #22c55e);--external-display-warning: var(--nice-warning, #f59e0b);--external-display-error: var(--nice-danger, #ef4444)}.nice-external-display{position:relative;width:100%;height:100%}.nice-screen-selector{display:flex;flex-direction:column;gap:1rem;padding:1rem;background-color:var(--external-display-bg);border-radius:var(--nice-radius-lg, .5rem);box-shadow:0 4px 6px -1px var(--nice-overlay-10, rgba(0, 0, 0, .1))}.nice-screen-selector__preview{position:relative;margin:0 auto;background-color:var(--nice-bg-secondary, #f3f4f6);border-radius:var(--nice-radius-sm, .25rem);overflow:hidden}.nice-screen-selector__screen{position:absolute;display:flex;align-items:center;justify-content:center;background-color:var(--nice-border, #e5e7eb);border:2px solid var(--external-display-border);border-radius:var(--nice-radius-sm, .25rem);cursor:pointer;transition:all .2s ease;padding:0;font-family:inherit}.nice-screen-selector__screen:hover{background-color:var(--nice-border, #d1d5db);border-color:var(--nice-text-muted, #9ca3af)}.nice-screen-selector__screen--selected{background-color:var(--external-display-primary-light);border-color:var(--external-display-primary)}.nice-screen-selector__screen--primary{border-width:3px}.nice-screen-selector__screen-label{font-size:.75rem;font-weight:600;color:var(--external-display-text-secondary)}.nice-screen-selector__screen--selected .nice-screen-selector__screen-label{color:var(--external-display-primary)}.nice-screen-selector__list{display:flex;flex-direction:column;gap:.5rem}.nice-screen-selector__item{display:flex;align-items:center;gap:.75rem;padding:.75rem;border:1px solid var(--external-display-border);border-radius:var(--nice-radius-md, .375rem);background:transparent;cursor:pointer;transition:all .2s ease;font-family:inherit;text-align:left}.nice-screen-selector__item:hover{background-color:var(--nice-bg-secondary, #f3f4f6);border-color:var(--nice-border, #d1d5db)}.nice-screen-selector__item--selected{background-color:var(--external-display-primary-light);border-color:var(--external-display-primary)}.nice-screen-selector__item-name{flex:1;font-size:.875rem;font-weight:500;color:var(--external-display-text)}.nice-screen-selector__item-resolution{font-size:.75rem;color:var(--external-display-text-secondary);font-family:monospace}.nice-screen-selector__item-badge{font-size:.625rem;font-weight:600;text-transform:uppercase;padding:.25rem .5rem;background-color:var(--external-display-primary);color:var(--nice-bg, #FFFFFF);border-radius:var(--nice-radius-full, 9999px)}.nice-window-manager{display:flex;flex-direction:column;gap:1rem;padding:1rem;background-color:var(--external-display-bg);border-radius:var(--nice-radius-lg, .5rem);box-shadow:0 4px 6px -1px var(--nice-overlay-10, rgba(0, 0, 0, .1))}.nice-window-manager__header{display:flex;align-items:center;justify-content:space-between}.nice-window-manager__title{font-size:1rem;font-weight:600;color:var(--external-display-text)}.nice-window-manager__count{font-size:.875rem;color:var(--external-display-text-secondary)}.nice-window-manager__windows{display:flex;flex-direction:column;gap:.5rem}.nice-window-manager__window{display:flex;align-items:center;gap:.75rem;padding:.75rem;background-color:var(--nice-bg-secondary, #f9fafb);border-radius:var(--nice-radius-md, .375rem)}.nice-window-manager__window-status{width:.625rem;height:.625rem;border-radius:var(--nice-radius-full, 50%);flex-shrink:0}.nice-window-manager__window-status--open{background-color:var(--external-display-success)}.nice-window-manager__window-status--opening{background-color:var(--external-display-warning);animation:external-pulse 1s ease-in-out infinite}.nice-window-manager__window-status--error{background-color:var(--external-display-error)}.nice-window-manager__window-status--closed{background-color:var(--nice-text-muted, #9ca3af)}@keyframes external-pulse{0%,to{opacity:1}50%{opacity:.5}}.nice-window-manager__window-info{flex:1;min-width:0}.nice-window-manager__window-id{font-size:.75rem;font-weight:500;color:var(--external-display-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nice-window-manager__window-screen{font-size:.75rem;color:var(--external-display-text-secondary)}.nice-window-manager__window-actions{display:flex;gap:.25rem}.nice-window-manager__window-action{padding:.375rem;border:none;border-radius:var(--nice-radius-sm, .25rem);background:transparent;color:var(--external-display-text-secondary);cursor:pointer;transition:all .2s ease}.nice-window-manager__window-action:hover{background-color:var(--nice-border, #e5e7eb);color:var(--external-display-text)}.nice-window-manager__window-action--danger:hover{background-color:var(--nice-danger-bg, #fee2e2);color:var(--external-display-error)}.nice-window-manager__window-action svg{width:1rem;height:1rem}.nice-window-manager__empty{text-align:center;padding:2rem;color:var(--external-display-text-secondary);font-size:.875rem}.nice-window-manager__actions{display:flex;gap:.5rem}.nice-window-manager__btn{flex:1;padding:.625rem;border:none;border-radius:var(--nice-radius-md, .375rem);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.nice-window-manager__btn--primary{background-color:var(--external-display-primary);color:var(--nice-bg, #FFFFFF)}.nice-window-manager__btn--primary:hover{background-color:var(--nice-primary-hover, #2563eb)}.nice-window-manager__btn--secondary{background-color:var(--nice-bg-secondary, #f3f4f6);color:var(--external-display-text)}.nice-window-manager__btn--secondary:hover{background-color:var(--nice-border, #e5e7eb)}.nice-window-manager__btn--danger{background-color:var(--nice-danger-bg, #fee2e2);color:var(--external-display-error)}.nice-window-manager__btn--danger:hover{background-color:var(--nice-danger-bg, #fecaca)}.nice-external-permission{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:2rem;text-align:center}.nice-external-permission__icon{width:4rem;height:4rem;color:var(--external-display-primary)}.nice-external-permission__icon svg{width:100%;height:100%}.nice-external-permission__title{font-size:1.25rem;font-weight:600;color:var(--external-display-text);margin:0}.nice-external-permission__description{font-size:.875rem;color:var(--external-display-text-secondary);line-height:1.5;max-width:300px;margin:0}.nice-external-permission__btn{padding:.75rem 1.5rem;border:none;border-radius:var(--nice-radius-lg, .5rem);background-color:var(--external-display-primary);color:var(--nice-bg, #FFFFFF);font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s ease}.nice-external-permission__btn:hover{background-color:var(--nice-primary-hover, #2563eb)}.nice-external-permission__status{font-size:.75rem;color:var(--external-display-text-secondary)}.nice-external-permission__status--granted{color:var(--external-display-success)}.nice-external-permission__status--denied{color:var(--external-display-error)}.nice-external-unavailable{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem;text-align:center;background-color:var(--nice-warning-bg, #fef3c7);border-radius:var(--nice-radius-lg, .5rem)}.nice-external-unavailable__icon{width:3rem;height:3rem;color:var(--external-display-warning)}.nice-external-unavailable__title{font-size:1rem;font-weight:600;color:var(--external-display-text);margin:0}.nice-external-unavailable__description{font-size:.875rem;color:var(--external-display-text-secondary);margin:0}.nice-screen-info{display:flex;flex-direction:column;gap:.75rem;padding:1rem;background-color:var(--external-display-bg);border:1px solid var(--external-display-border);border-radius:var(--nice-radius-lg, .5rem)}.nice-screen-info__header{display:flex;align-items:center;justify-content:space-between}.nice-screen-info__name{font-size:1rem;font-weight:600;color:var(--external-display-text)}.nice-screen-info__badge{font-size:.625rem;font-weight:600;text-transform:uppercase;padding:.25rem .5rem;border-radius:var(--nice-radius-full, 9999px)}.nice-screen-info__badge--primary{background-color:var(--external-display-primary);color:var(--nice-bg, #FFFFFF)}.nice-screen-info__badge--external{background-color:var(--nice-border, #e5e7eb);color:var(--external-display-text-secondary)}.nice-screen-info__details{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.nice-screen-info__detail{display:flex;flex-direction:column}.nice-screen-info__detail-label{font-size:.625rem;text-transform:uppercase;letter-spacing:.05em;color:var(--external-display-text-secondary)}.nice-screen-info__detail-value{font-size:.875rem;font-weight:500;color:var(--external-display-text);font-family:monospace}@media (prefers-reduced-motion: reduce){.nice-window-manager__window-status--opening{animation:none}}@media (prefers-color-scheme: dark){:root{--external-display-bg: var(--nice-text, #1f2937);--external-display-border: var(--nice-text, #374151);--external-display-text: var(--nice-bg-secondary, #f9fafb);--external-display-text-secondary: var(--nice-text-muted, #9ca3af);--external-display-primary-light: var(--nice-primary-dark, #1e3a5f)}.nice-screen-selector__preview{background-color:var(--nice-text, #111827)}.nice-screen-selector__screen{background-color:var(--nice-text, #374151);border-color:var(--nice-text-secondary, #4b5563)}.nice-screen-selector__screen:hover{background-color:var(--nice-text-secondary, #4b5563);border-color:var(--nice-text-secondary, #6b7280)}.nice-screen-selector__item:hover{background-color:var(--nice-text, #374151);border-color:var(--nice-text-secondary, #4b5563)}.nice-window-manager__window{background-color:var(--nice-text, #111827)}.nice-window-manager__window-action:hover,.nice-window-manager__btn--secondary{background-color:var(--nice-text, #374151)}.nice-window-manager__btn--secondary:hover{background-color:var(--nice-text-secondary, #4b5563)}.nice-window-manager__btn--danger{background-color:var(--nice-danger-tint-20, rgba(239, 68, 68, .2))}.nice-window-manager__btn--danger:hover{background-color:var(--nice-danger-tint-30, rgba(239, 68, 68, .3))}.nice-external-unavailable{background-color:var(--nice-warning-tint-20, rgba(245, 158, 11, .2))}.nice-screen-info__badge--external{background-color:var(--nice-text, #374151)}}@media (pointer: coarse){.nice-screen-selector__item,.nice-window-manager__window{padding:1rem}.nice-window-manager__window-action{padding:.5rem}.nice-window-manager__window-action svg{width:1.25rem;height:1.25rem}.nice-window-manager__btn{padding:.875rem}.nice-external-permission__btn{padding:1rem 2rem}}@media print{.nice-screen-selector,.nice-window-manager,.nice-external-permission,.nice-external-unavailable{display:none!important}}:root{--nkm-primary: var(--nice-primary-hover, #2563eb);--nkm-primary-hover: var(--nice-primary-dark, #1d4ed8);--nkm-success: var(--nice-success, #10b981);--nkm-error: var(--nice-danger, #ef4444);--nkm-bg: var(--nice-bg, #FFFFFF);--nkm-bg-overlay: var(--nice-overlay-80, rgba(0, 0, 0, .8));--nkm-border: var(--nice-border, #e2e8f0);--nkm-text: var(--nice-text, #1e293b);--nkm-text-muted: var(--nice-text-secondary, #64748b);--nkm-radius: 12px;--nkm-shadow: 0 4px 24px var(--nice-overlay-15, rgba(0, 0, 0, .15))}.dark{--nkm-primary: var(--nice-primary, #3b82f6);--nkm-primary-hover: var(--nice-primary-light, #60a5fa);--nkm-success: var(--nice-success-light, #34d399);--nkm-error: var(--nice-danger-light, #f87171);--nkm-bg: var(--nice-text, #1e293b);--nkm-bg-overlay: var(--nice-overlay-90, rgba(0, 0, 0, .9));--nkm-border: var(--nice-text, #334155);--nkm-text: var(--nice-bg-secondary, #f1f5f9);--nkm-text-muted: var(--nice-text-muted, #94a3b8)}.nice-kiosk-mode{position:relative;width:100%;height:100%;min-height:100vh;background:var(--nkm-bg);overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.nice-kiosk-mode--fullscreen{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999}.nice-kiosk-mode--no-cursor,.nice-kiosk-mode--no-cursor *{cursor:none!important}.nice-kiosk-mode--no-select{user-select:none;-webkit-user-select:none}.nice-kiosk-mode--no-scroll{overflow:hidden!important}.nice-kiosk-mode__content{width:100%;height:100%;overflow:auto}.nice-kiosk-mode--no-scroll .nice-kiosk-mode__content{overflow:hidden}.nice-kiosk-mode__admin{position:fixed;top:0;right:0;width:400px;height:100%;background:var(--nkm-bg);box-shadow:-4px 0 24px var(--nice-overlay-15, rgba(0, 0, 0, .15));z-index:10001;display:flex;flex-direction:column;animation:nkm-slide-in .3s ease}@keyframes nkm-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}.nice-kiosk-mode__admin-header{display:flex;align-items:center;justify-content:space-between;padding:var(--nice-space-4, 16px) var(--nice-space-5, 20px);border-bottom:1px solid var(--nkm-border)}.nice-kiosk-mode__admin-title{font-size:16px;font-weight:600;color:var(--nkm-text);margin:0}.nice-kiosk-mode__admin-close{width:32px;height:32px;border:none;background:transparent;color:var(--nkm-text-muted);cursor:pointer;border-radius:var(--nice-radius-md, 6px);font-size:16px;display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s}.nice-kiosk-mode__admin-close:hover{background:var(--nkm-border);color:var(--nkm-text)}.nice-kiosk-mode__admin-content{flex:1;overflow-y:auto;padding:var(--nice-space-5, 20px)}.nice-kiosk-mode__screensaver{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--nice-text, #000000);z-index:10000;display:flex;align-items:center;justify-content:center;cursor:pointer;animation:nkm-fade-in .5s ease}@keyframes nkm-fade-in{0%{opacity:0}to{opacity:1}}.nice-kiosk-mode__screensaver-default{text-align:center;animation:nkm-pulse 3s ease infinite}@keyframes nkm-pulse{0%,to{opacity:.5}50%{opacity:1}}.nice-kiosk-mode__screensaver-text{font-size:24px;color:var(--nice-bg, #FFFFFF);font-weight:300}.nice-kiosk-mode__pin-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--nkm-bg-overlay);z-index:10002;display:flex;align-items:center;justify-content:center;animation:nkm-fade-in .2s ease}.nice-kiosk-mode__pin-dialog{background:var(--nkm-bg);border-radius:var(--nkm-radius);padding:var(--nice-space-8, 32px);width:100%;max-width:320px;box-shadow:var(--nkm-shadow);text-align:center}.nice-kiosk-mode__pin-title{font-size:20px;font-weight:600;color:var(--nkm-text);margin:0 0 var(--nice-space-6, 24px) 0}.nice-kiosk-mode__pin-input{width:100%;height:56px;font-size:24px;text-align:center;letter-spacing:8px;border:2px solid var(--nkm-border);border-radius:var(--nice-radius-lg, 8px);background:var(--nkm-bg);color:var(--nkm-text);outline:none;transition:border-color .2s}.nice-kiosk-mode__pin-input:focus{border-color:var(--nkm-primary)}.nice-kiosk-mode__pin-input--error{border-color:var(--nkm-error);animation:nkm-shake .3s ease}@keyframes nkm-shake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}.nice-kiosk-mode__pin-buttons{display:flex;gap:var(--nice-space-3, 12px);margin-top:var(--nice-space-6, 24px)}.nice-kiosk-mode__pin-btn{flex:1;height:48px;border:none;border-radius:var(--nice-radius-lg, 8px);font-size:14px;font-weight:500;cursor:pointer;transition:background .2s,transform .1s}.nice-kiosk-mode__pin-btn:active{transform:scale(.98)}.nice-kiosk-mode__pin-btn--cancel{background:var(--nkm-border);color:var(--nkm-text)}.nice-kiosk-mode__pin-btn--cancel:hover{background:var(--nice-border, #cbd5e1)}.nice-kiosk-mode__pin-btn--submit{background:var(--nkm-primary);color:var(--nice-bg, #FFFFFF)}.nice-kiosk-mode__pin-btn--submit:hover{background:var(--nkm-primary-hover)}.nice-kiosk-mode__pin-error{margin-top:var(--nice-space-4, 16px);font-size:14px;color:var(--nkm-error);animation:nkm-fade-in .2s ease}.nice-kiosk-mode__lock-indicator{position:fixed;top:20px;right:20px;display:flex;align-items:center;gap:var(--nice-space-2, 8px);padding:var(--nice-space-2, 8px) var(--nice-space-4, 16px);background:var(--nkm-bg);border:1px solid var(--nkm-border);border-radius:var(--nice-radius-xl, 20px);box-shadow:0 2px 8px var(--nice-overlay-10, rgba(0, 0, 0, .1));z-index:10000}.nice-kiosk-mode__lock-icon{font-size:14px}.nice-kiosk-mode__lock-text{font-size:12px;font-weight:500;color:var(--nkm-text)}.nice-kiosk-mode__numpad{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--nice-space-3, 12px);margin-top:var(--nice-space-6, 24px)}.nice-kiosk-mode__numpad-btn{height:56px;border:1px solid var(--nkm-border);border-radius:var(--nice-radius-lg, 8px);background:var(--nkm-bg);color:var(--nkm-text);font-size:24px;font-weight:500;cursor:pointer;transition:background .2s}.nice-kiosk-mode__numpad-btn:hover{background:var(--nkm-border)}.nice-kiosk-mode__numpad-btn:active{background:var(--nice-border, #cbd5e1)}.nice-kiosk-mode__numpad-btn--clear,.nice-kiosk-mode__numpad-btn--backspace{font-size:18px}@media (max-width: 480px){.nice-kiosk-mode__admin{width:100%}.nice-kiosk-mode__pin-dialog{margin:0 var(--nice-space-5, 20px);padding:var(--nice-space-6, 24px)}.nice-kiosk-mode__screensaver-text{font-size:18px}}@media (hover: none) and (pointer: coarse){.nice-kiosk-mode__pin-btn{min-height:56px;font-size:16px}.nice-kiosk-mode__numpad-btn{min-height:64px;font-size:28px}.nice-kiosk-mode__admin-close{min-width:44px;min-height:44px}}:root{--lpm-brightness: 1;--lpm-transition: .5s;--lpm-overlay-color: var(--nice-overlay-90, rgba(0, 0, 0, 1));--lpm-sleep-bg: var(--nice-text, #000000);--lpm-sleep-text: var(--nice-overlay-light-20, rgba(255, 255, 255, .2));--lpm-sleep-font-size: 1.5rem}.nice-lpm{position:relative;width:100%;height:100%;overflow:hidden}.nice-lpm__overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--lpm-overlay-color);pointer-events:none;transition:opacity var(--lpm-transition) ease-in-out;z-index:99998}.nice-lpm__content{position:relative;width:100%;height:100%;z-index:1}.nice-lpm__sleep-screen{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--lpm-sleep-bg);display:flex;align-items:center;justify-content:center;z-index:99999;cursor:pointer;animation:lpm-fade-in var(--lpm-transition) ease-in-out}.nice-lpm__sleep-message{color:var(--lpm-sleep-text);font-size:var(--lpm-sleep-font-size);font-family:inherit;text-transform:uppercase;letter-spacing:.1em;animation:lpm-pulse 3s ease-in-out infinite}@keyframes lpm-fade-in{0%{opacity:0}to{opacity:1}}@keyframes lpm-pulse{0%,to{opacity:.2}50%{opacity:.5}}.nice-lpm--dim .nice-lpm__content{filter:brightness(.8);transition:filter var(--lpm-transition) ease-in-out}.nice-lpm--low .nice-lpm__content{filter:brightness(.6) saturate(.8);transition:filter var(--lpm-transition) ease-in-out}.nice-lpm--sleep .nice-lpm__content{filter:brightness(0);transition:filter var(--lpm-transition) ease-in-out}.lpm-no-animations *,.lpm-no-animations *:before,.lpm-no-animations *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.lpm-reduced-quality img,.lpm-reduced-quality video,.lpm-reduced-quality canvas{image-rendering:pixelated}.lpm-reduced-quality *:not(.nice-lpm__sleep-message){box-shadow:none!important;text-shadow:none!important}.nice-lpm-indicator{position:fixed;bottom:1rem;right:1rem;display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background-color:var(--nice-overlay-80, rgba(0, 0, 0, .8));border-radius:var(--nice-radius-full, 9999px);font-size:.75rem;color:var(--nice-bg, #FFFFFF);z-index:99990}.nice-lpm-indicator__icon{width:1rem;height:1rem}.nice-lpm-indicator__battery{display:flex;align-items:center;gap:.25rem}.nice-lpm-indicator__battery-bar{width:1.5rem;height:.625rem;border:1px solid currentColor;border-radius:var(--nice-radius-sm, 2px);position:relative;overflow:hidden}.nice-lpm-indicator__battery-bar:after{content:"";position:absolute;top:1px;left:1px;bottom:1px;width:calc(var(--battery-level, 100) * 1% - 2px);background-color:currentColor;transition:width .3s ease-out}.nice-lpm-indicator__battery-bar--low{color:var(--nice-warning, #f59e0b)}.nice-lpm-indicator__battery-bar--critical{color:var(--nice-danger, #ef4444);animation:lpm-battery-blink 1s ease-in-out infinite}.nice-lpm-indicator__battery-bar--charging{color:var(--nice-success, #22c55e)}@keyframes lpm-battery-blink{0%,to{opacity:1}50%{opacity:.5}}.nice-lpm-indicator__mode{text-transform:uppercase;letter-spacing:.05em;font-weight:500}.nice-lpm-indicator__mode--normal{color:var(--nice-success, #22c55e)}.nice-lpm-indicator__mode--dim{color:var(--nice-warning, #f59e0b)}.nice-lpm-indicator__mode--low{color:var(--nice-danger, #ef4444)}.nice-lpm-indicator__mode--sleep{color:var(--nice-text-secondary, #64748b)}.nice-lpm-controls{display:flex;flex-direction:column;gap:1rem;padding:1rem;background-color:var(--nice-surface, #ffffff);border-radius:var(--nice-radius-lg, .5rem);box-shadow:0 4px 6px -1px var(--nice-overlay-10, rgba(0, 0, 0, .1))}.nice-lpm-controls__header{display:flex;align-items:center;justify-content:space-between}.nice-lpm-controls__title{font-size:1rem;font-weight:600;color:var(--nice-text, #1f2937)}.nice-lpm-controls__toggle{position:relative;width:3rem;height:1.5rem;background-color:var(--nice-border, #e5e7eb);border:none;border-radius:var(--nice-radius-full, 9999px);cursor:pointer;transition:background-color .2s ease}.nice-lpm-controls__toggle--active{background-color:var(--nice-success, #22c55e)}.nice-lpm-controls__toggle:after{content:"";position:absolute;top:.125rem;left:.125rem;width:1.25rem;height:1.25rem;background-color:var(--nice-bg, #FFFFFF);border-radius:var(--nice-radius-full, 50%);transition:transform .2s ease}.nice-lpm-controls__toggle--active:after{transform:translate(1.5rem)}.nice-lpm-controls__brightness{display:flex;flex-direction:column;gap:.5rem}.nice-lpm-controls__brightness-label{display:flex;align-items:center;justify-content:space-between;font-size:.875rem;color:var(--nice-text-secondary, #6b7280)}.nice-lpm-controls__brightness-slider{width:100%;height:.5rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(to right,var(--nice-text, #1f2937) 0%,var(--nice-text, #1f2937) calc(var(--brightness, 100) * 1%),var(--nice-border, #e5e7eb) calc(var(--brightness, 100) * 1%),var(--nice-border, #e5e7eb) 100%);border-radius:var(--nice-radius-full, 9999px);cursor:pointer}.nice-lpm-controls__brightness-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1rem;height:1rem;background-color:var(--nice-bg, #FFFFFF);border:2px solid var(--nice-text, #1f2937);border-radius:var(--nice-radius-full, 50%);cursor:pointer}.nice-lpm-controls__brightness-slider::-moz-range-thumb{width:1rem;height:1rem;background-color:var(--nice-bg, #FFFFFF);border:2px solid var(--nice-text, #1f2937);border-radius:var(--nice-radius-full, 50%);cursor:pointer}.nice-lpm-controls__modes{display:flex;gap:.5rem}.nice-lpm-controls__mode-btn{flex:1;padding:.5rem;border:1px solid var(--nice-border, #e5e7eb);border-radius:var(--nice-radius-md, .375rem);background-color:transparent;font-size:.75rem;color:var(--nice-text, #1f2937);cursor:pointer;transition:all .2s ease}.nice-lpm-controls__mode-btn:hover{background-color:var(--nice-bg-secondary, #f3f4f6)}.nice-lpm-controls__mode-btn--active{background-color:var(--nice-text, #1f2937);border-color:var(--nice-text, #1f2937);color:var(--nice-bg, #FFFFFF)}.nice-lpm-controls__schedule{border-top:1px solid var(--nice-border, #e5e7eb);padding-top:1rem}.nice-lpm-controls__schedule-title{font-size:.875rem;font-weight:500;margin-bottom:.5rem;color:var(--nice-text, #1f2937)}.nice-lpm-controls__schedule-item{display:flex;align-items:center;justify-content:space-between;padding:.5rem 0;font-size:.75rem;color:var(--nice-text-secondary, #6b7280)}.nice-lpm-controls__schedule-time{font-family:monospace}.nice-lpm-controls__schedule-mode{text-transform:uppercase;font-weight:500}@media (prefers-reduced-motion: reduce){.nice-lpm__overlay,.nice-lpm__content,.nice-lpm__sleep-screen,.nice-lpm__sleep-message{animation:none!important;transition-duration:.01ms!important}}@media (prefers-color-scheme: dark){.nice-lpm-controls{background-color:var(--nice-text, #1f2937)}.nice-lpm-controls__title{color:var(--nice-bg-secondary, #f9fafb)}.nice-lpm-controls__brightness-label{color:var(--nice-text-muted, #9ca3af)}.nice-lpm-controls__toggle{background-color:var(--nice-text, #374151)}.nice-lpm-controls__mode-btn{border-color:var(--nice-text, #374151);color:var(--nice-bg-secondary, #f9fafb)}.nice-lpm-controls__mode-btn:hover{background-color:var(--nice-text, #374151)}.nice-lpm-controls__mode-btn--active{background-color:var(--nice-success, #22c55e);border-color:var(--nice-success, #22c55e);color:var(--nice-bg, #FFFFFF)}.nice-lpm-controls__schedule{border-top-color:var(--nice-text, #374151)}.nice-lpm-controls__schedule-title{color:var(--nice-bg-secondary, #f9fafb)}.nice-lpm-controls__schedule-item{color:var(--nice-text-muted, #9ca3af)}}@media (pointer: coarse){.nice-lpm__sleep-screen{cursor:default}.nice-lpm-controls__toggle{width:3.5rem;height:2rem}.nice-lpm-controls__toggle:after{width:1.5rem;height:1.5rem;top:.25rem;left:.25rem}.nice-lpm-controls__toggle--active:after{transform:translate(1.5rem)}.nice-lpm-controls__brightness-slider{height:.75rem}.nice-lpm-controls__brightness-slider::-webkit-slider-thumb{width:1.5rem;height:1.5rem}.nice-lpm-controls__mode-btn{padding:.75rem;font-size:.875rem}}:root{--orientation-prompt-bg: var(--nice-overlay-90, rgba(0, 0, 0, .9));--orientation-prompt-text: var(--nice-bg, #FFFFFF);--orientation-prompt-icon-size: 4rem;--orientation-transition: .3s ease}.nice-orientation{position:relative;width:100%;height:100%;transition:transform var(--orientation-transition)}.nice-orientation--unsupported>*:not(.nice-orientation__prompt){filter:blur(3px);pointer-events:none;-webkit-user-select:none;user-select:none}.nice-orientation__prompt{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--orientation-prompt-bg);display:flex;align-items:center;justify-content:center;z-index:99999;animation:orientation-fade-in .3s ease}@keyframes orientation-fade-in{0%{opacity:0}to{opacity:1}}.nice-orientation__prompt-content{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:2rem;text-align:center;max-width:300px}.nice-orientation__prompt-icon{width:var(--orientation-prompt-icon-size);height:var(--orientation-prompt-icon-size);color:var(--orientation-prompt-text);animation:orientation-rotate 2s ease-in-out infinite}.nice-orientation__prompt-icon svg{width:100%;height:100%}@keyframes orientation-rotate{0%,to{transform:rotate(0)}25%{transform:rotate(45deg)}50%{transform:rotate(90deg)}75%{transform:rotate(45deg)}}.nice-orientation__prompt-text{margin:0;font-size:1.125rem;color:var(--orientation-prompt-text);line-height:1.5}.nice-orientation-indicator{position:fixed;bottom:1rem;left:1rem;display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background-color:var(--nice-overlay-80, rgba(0, 0, 0, .8));border-radius:var(--nice-radius-full, 9999px);font-size:.75rem;color:var(--nice-bg, #FFFFFF);z-index:99990}.nice-orientation-indicator__icon{width:1rem;height:1rem;transition:transform .3s ease}.nice-orientation-indicator__icon--portrait{transform:rotate(0)}.nice-orientation-indicator__icon--landscape{transform:rotate(90deg)}.nice-orientation-indicator__text{text-transform:capitalize}.nice-orientation-indicator__lock{width:.875rem;height:.875rem;margin-left:.25rem}.nice-orientation-indicator__lock--locked{color:var(--nice-warning, #f59e0b)}.nice-orientation-indicator__lock--unlocked{color:var(--nice-text-secondary, #64748b)}.nice-orientation-controls{display:flex;flex-direction:column;gap:1rem;padding:1rem;background-color:var(--nice-surface, #ffffff);border-radius:var(--nice-radius-lg, .5rem);box-shadow:0 4px 6px -1px var(--nice-overlay-10, rgba(0, 0, 0, .1))}.nice-orientation-controls__header{display:flex;align-items:center;justify-content:space-between}.nice-orientation-controls__title{font-size:1rem;font-weight:600;color:var(--nice-text, #1f2937)}.nice-orientation-controls__current{font-size:.875rem;color:var(--nice-text-secondary, #6b7280)}.nice-orientation-controls__options{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.nice-orientation-controls__option{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;border:2px solid var(--nice-border, #e5e7eb);border-radius:var(--nice-radius-lg, .5rem);background:transparent;cursor:pointer;transition:all .2s ease}.nice-orientation-controls__option:hover{background-color:var(--nice-bg-secondary, #f3f4f6);border-color:var(--nice-border, #d1d5db)}.nice-orientation-controls__option--active{background-color:var(--nice-primary-bg, #dbeafe);border-color:var(--nice-primary, #3b82f6)}.nice-orientation-controls__option--locked{background-color:var(--nice-warning-bg, #fef3c7);border-color:var(--nice-warning, #f59e0b)}.nice-orientation-controls__option-icon{width:2rem;height:2rem;color:var(--nice-text-secondary, #6b7280)}.nice-orientation-controls__option--active .nice-orientation-controls__option-icon,.nice-orientation-controls__option--locked .nice-orientation-controls__option-icon{color:var(--nice-text, #1f2937)}.nice-orientation-controls__option-label{font-size:.75rem;color:var(--nice-text-secondary, #6b7280);text-transform:capitalize}.nice-orientation-controls__option--active .nice-orientation-controls__option-label,.nice-orientation-controls__option--locked .nice-orientation-controls__option-label{color:var(--nice-text, #1f2937);font-weight:500}.nice-orientation-controls__lock-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;border:none;border-radius:var(--nice-radius-md, .375rem);background-color:var(--nice-text, #1f2937);color:var(--nice-bg, #FFFFFF);font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s ease}.nice-orientation-controls__lock-btn:hover{background-color:var(--nice-text, #374151)}.nice-orientation-controls__lock-btn--locked{background-color:var(--nice-warning, #f59e0b)}.nice-orientation-controls__lock-btn--locked:hover{background-color:var(--nice-warning-dark, #d97706)}.nice-orientation-controls__lock-icon{width:1rem;height:1rem}.nice-orientation-icon{display:inline-block;width:1.5rem;height:1.5rem;position:relative}.nice-orientation-icon__device{width:100%;height:100%;border:2px solid currentColor;border-radius:var(--nice-radius-sm, .25rem);position:relative}.nice-orientation-icon__device:after{content:"";position:absolute;bottom:.125rem;left:50%;transform:translate(-50%);width:.375rem;height:.125rem;background-color:currentColor;border-radius:var(--nice-radius-full, 9999px)}.nice-orientation-icon--landscape{transform:rotate(90deg)}@media (prefers-reduced-motion: reduce){.nice-orientation,.nice-orientation__prompt,.nice-orientation__prompt-icon,.nice-orientation-indicator__icon{animation:none!important;transition-duration:.01ms!important}}@media (prefers-color-scheme: dark){.nice-orientation-controls{background-color:var(--nice-text, #1f2937)}.nice-orientation-controls__title{color:var(--nice-bg-secondary, #f9fafb)}.nice-orientation-controls__current{color:var(--nice-text-muted, #9ca3af)}.nice-orientation-controls__option{border-color:var(--nice-text, #374151)}.nice-orientation-controls__option:hover{background-color:var(--nice-text, #374151);border-color:var(--nice-text-secondary, #4b5563)}.nice-orientation-controls__option--active{background-color:var(--nice-primary-dark, #1e3a5f);border-color:var(--nice-primary, #3b82f6)}.nice-orientation-controls__option--locked{background-color:var(--nice-warning-dark, #451a03);border-color:var(--nice-warning, #f59e0b)}.nice-orientation-controls__option-icon{color:var(--nice-text-muted, #9ca3af)}.nice-orientation-controls__option--active .nice-orientation-controls__option-icon,.nice-orientation-controls__option--locked .nice-orientation-controls__option-icon{color:var(--nice-bg-secondary, #f9fafb)}.nice-orientation-controls__option-label{color:var(--nice-text-muted, #9ca3af)}.nice-orientation-controls__option--active .nice-orientation-controls__option-label,.nice-orientation-controls__option--locked .nice-orientation-controls__option-label{color:var(--nice-bg-secondary, #f9fafb)}}@media (pointer: coarse){.nice-orientation__prompt-content{padding:2.5rem}.nice-orientation__prompt-icon{--orientation-prompt-icon-size: 5rem}.nice-orientation__prompt-text{font-size:1.25rem}.nice-orientation-controls__option{padding:1.25rem}.nice-orientation-controls__option-icon{width:2.5rem;height:2.5rem}.nice-orientation-controls__option-label{font-size:.875rem}.nice-orientation-controls__lock-btn{padding:1rem;font-size:1rem}}@media print{.nice-orientation__prompt,.nice-orientation-indicator,.nice-orientation-controls{display:none!important}.nice-orientation--unsupported>*:not(.nice-orientation__prompt){filter:none;pointer-events:auto;-webkit-user-select:auto;user-select:auto}}:root{--nrm-connected: var(--nice-success, #10b981);--nrm-connecting: var(--nice-warning, #f59e0b);--nrm-disconnected: var(--nice-text-secondary, #64748b);--nrm-error: var(--nice-danger, #ef4444);--nrm-bg: var(--nice-bg, #FFFFFF);--nrm-bg-dark: var(--nice-text, #1e293b);--nrm-border: var(--nice-border, #e2e8f0);--nrm-text: var(--nice-text, #1e293b);--nrm-text-muted: var(--nice-text-secondary, #64748b);--nrm-radius: 8px}.dark{--nrm-bg: var(--nice-text, #1e293b);--nrm-border: var(--nice-text, #334155);--nrm-text: var(--nice-bg-secondary, #f1f5f9);--nrm-text-muted: var(--nice-text-muted, #94a3b8)}.nice-remote-status{display:inline-flex;align-items:center;gap:var(--nice-space-2, 8px);padding:var(--nice-space-1-5, 6px) var(--nice-space-3, 12px);background:var(--nrm-bg);border:1px solid var(--nrm-border);border-radius:var(--nrm-radius);font-size:12px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.nice-remote-status__dot{width:8px;height:8px;border-radius:var(--nice-radius-full, 50%);flex-shrink:0}.nice-remote-status__dot--connected{background:var(--nrm-connected);box-shadow:0 0 8px var(--nrm-connected)}.nice-remote-status__dot--connecting{background:var(--nrm-connecting);animation:nrm-pulse 1.5s ease-in-out infinite}.nice-remote-status__dot--disconnected{background:var(--nrm-disconnected)}.nice-remote-status__dot--error{background:var(--nrm-error);animation:nrm-blink .5s ease-in-out infinite}@keyframes nrm-pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes nrm-blink{0%,to{opacity:1}50%{opacity:.3}}.nice-remote-status__text{color:var(--nrm-text);text-transform:capitalize}.nice-remote-panel{background:var(--nrm-bg);border:1px solid var(--nrm-border);border-radius:var(--nrm-radius);overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.nice-remote-panel__header{display:flex;align-items:center;justify-content:space-between;padding:var(--nice-space-4, 16px);border-bottom:1px solid var(--nrm-border)}.nice-remote-panel__title{font-size:14px;font-weight:600;color:var(--nrm-text);margin:0}.nice-remote-panel__section{padding:var(--nice-space-4, 16px);border-bottom:1px solid var(--nrm-border)}.nice-remote-panel__section:last-child{border-bottom:none}.nice-remote-panel__section-title{font-size:11px;font-weight:600;color:var(--nrm-text-muted);text-transform:uppercase;letter-spacing:.5px;margin:0 0 var(--nice-space-3, 12px) 0}.nice-remote-info{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--nice-space-3, 12px)}.nice-remote-info__item{display:flex;flex-direction:column;gap:var(--nice-space-1, 4px)}.nice-remote-info__label{font-size:11px;color:var(--nrm-text-muted)}.nice-remote-info__value{font-size:13px;font-weight:500;color:var(--nrm-text);word-break:break-all}.nice-remote-health{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--nice-space-3, 12px)}.nice-remote-health__metric{padding:var(--nice-space-3, 12px);background:var(--nice-overlay-3, rgba(0, 0, 0, .02));border-radius:var(--nice-radius-md, 6px)}.dark .nice-remote-health__metric{background:var(--nice-overlay-light-2, rgba(255, 255, 255, .02))}.nice-remote-health__label{font-size:11px;color:var(--nrm-text-muted);margin-bottom:var(--nice-space-1, 4px)}.nice-remote-health__value{font-size:18px;font-weight:600;color:var(--nrm-text)}.nice-remote-health__bar{height:4px;background:var(--nrm-border);border-radius:var(--nice-radius-sm, 2px);margin-top:var(--nice-space-2, 8px);overflow:hidden}.nice-remote-health__bar-fill{height:100%;border-radius:var(--nice-radius-sm, 2px);transition:width .3s ease}.nice-remote-health__bar-fill--low{background:var(--nrm-connected)}.nice-remote-health__bar-fill--medium{background:var(--nrm-connecting)}.nice-remote-health__bar-fill--high{background:var(--nrm-error)}.nice-remote-commands{max-height:200px;overflow-y:auto}.nice-remote-command{display:flex;align-items:center;gap:var(--nice-space-3, 12px);padding:var(--nice-space-2, 8px) 0;border-bottom:1px solid var(--nrm-border)}.nice-remote-command:last-child{border-bottom:none}.nice-remote-command__icon{width:24px;height:24px;border-radius:var(--nice-radius-sm, 4px);display:flex;align-items:center;justify-content:center;font-size:12px;flex-shrink:0}.nice-remote-command__icon--success{background:var(--nice-success-tint-10, rgba(16, 185, 129, .1));color:var(--nrm-connected)}.nice-remote-command__icon--failed{background:var(--nice-danger-tint-10, rgba(239, 68, 68, .1));color:var(--nrm-error)}.nice-remote-command__icon--pending{background:var(--nice-warning-tint-10, rgba(245, 158, 11, .1));color:var(--nrm-connecting)}.nice-remote-command__content{flex:1;min-width:0}.nice-remote-command__type{font-size:12px;font-weight:500;color:var(--nrm-text);text-transform:capitalize}.nice-remote-command__time{font-size:11px;color:var(--nrm-text-muted)}.nice-remote-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--nice-overlay-80, rgba(0, 0, 0, .8));display:flex;align-items:center;justify-content:center;z-index:99999}.nice-remote-overlay__content{text-align:center;color:var(--nice-bg, #FFFFFF)}.nice-remote-overlay__icon{font-size:48px;margin-bottom:var(--nice-space-4, 16px);animation:nrm-spin 2s linear infinite}@keyframes nrm-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.nice-remote-overlay__title{font-size:18px;font-weight:600;margin:0 0 var(--nice-space-2, 8px) 0}.nice-remote-overlay__text{font-size:14px;color:var(--nice-overlay-light-70, rgba(255, 255, 255, .7));margin:0}.nice-remote-badge{position:fixed;bottom:20px;left:20px;display:flex;align-items:center;gap:var(--nice-space-1-5, 6px);padding:var(--nice-space-1-5, 6px) var(--nice-space-2-5, 10px);background:var(--nrm-bg-dark);border-radius:var(--nice-radius-xl, 16px);font-size:11px;color:var(--nice-bg, #FFFFFF);z-index:9999;cursor:pointer;transition:transform .2s}.nice-remote-badge:hover{transform:scale(1.05)}.nice-remote-badge__dot{width:6px;height:6px;border-radius:var(--nice-radius-full, 50%)}@media (max-width: 480px){.nice-remote-info,.nice-remote-health{grid-template-columns:1fr}.nice-remote-badge{bottom:10px;left:10px}}:root{--nsbp-screensaver-bg: var(--nice-text, #000000);--nsbp-matrix-color: #00ff41;--nsbp-bounce-color: var(--nice-primary, #3b82f6)}.nice-sbp{position:relative;width:100%;height:100%;overflow:hidden}.nice-sbp__content{width:100%;height:100%}.nice-sbp__dim-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,var(--dim-level, .3));pointer-events:auto;z-index:9998;transition:background var(--dim-duration, 2s) ease}.nice-sbp__screensaver{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;cursor:pointer;animation:nsbp-fade-in .5s ease}@keyframes nsbp-fade-in{0%{opacity:0}to{opacity:1}}.nice-sbp__screensaver--blank{background:var(--nsbp-screensaver-bg)}.nice-sbp__screensaver--bounce{background:var(--nsbp-screensaver-bg);overflow:hidden}.nice-sbp__bounce-logo{position:absolute;font-size:64px;color:var(--nsbp-bounce-color);text-shadow:0 0 20px var(--nsbp-bounce-color);transform:translate(-50%,-50%);transition:left .05s linear,top .05s linear}.nice-sbp__screensaver--matrix{background:var(--nsbp-screensaver-bg);overflow:hidden;font-family:Courier New,monospace}.nice-sbp__matrix-column{position:absolute;top:-100%;font-size:14px;line-height:1.2;color:var(--nsbp-matrix-color);text-shadow:0 0 5px var(--nsbp-matrix-color);white-space:nowrap;writing-mode:vertical-rl;animation:nsbp-matrix-fall linear infinite;opacity:.8}.nice-sbp__matrix-column span{display:block;opacity:.3}.nice-sbp__matrix-column span:last-child{opacity:1;text-shadow:0 0 10px var(--nsbp-matrix-color)}@keyframes nsbp-matrix-fall{0%{transform:translateY(0)}to{transform:translateY(200vh)}}.nice-sbp__screensaver--noise{background:var(--nsbp-screensaver-bg);animation:nsbp-noise .1s steps(8) infinite}@keyframes nsbp-noise{0%,to{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}50%{background-position:50px 50px}}.nice-sbp__screensaver--custom{background:var(--nsbp-screensaver-bg);display:flex;align-items:center;justify-content:center}.nice-sbp__invert-overlay{position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:9997;mix-blend-mode:difference;background:var(--nice-bg, #FFFFFF);animation:nsbp-invert-pulse 10s ease-in-out infinite}@keyframes nsbp-invert-pulse{0%,to{opacity:0}50%{opacity:.05}}.nice-sbp__static-warning{position:absolute;padding:var(--nice-space-1, 4px) var(--nice-space-2, 8px);background:var(--nice-danger-tint-80, rgba(239, 68, 68, .8));color:var(--nice-bg, #FFFFFF);font-size:10px;border-radius:var(--nice-radius-sm, 4px);pointer-events:none;z-index:10000;animation:nsbp-warning-pulse 1s ease-in-out infinite}@keyframes nsbp-warning-pulse{0%,to{opacity:.7}50%{opacity:1}}.nice-sbp__status{position:fixed;bottom:10px;right:10px;padding:var(--nice-space-1-5, 6px) var(--nice-space-3, 12px);background:var(--nice-overlay-70, rgba(0, 0, 0, .7));color:var(--nice-bg, #FFFFFF);font-size:11px;border-radius:var(--nice-radius-sm, 4px);z-index:9996;display:flex;align-items:center;gap:var(--nice-space-1-5, 6px)}.nice-sbp__status-dot{width:6px;height:6px;border-radius:var(--nice-radius-full, 50%);background:var(--nice-success, #10b981);animation:nsbp-status-blink 2s ease-in-out infinite}@keyframes nsbp-status-blink{0%,to{opacity:.5}50%{opacity:1}}.nice-sbp__status-dot--active{background:var(--nice-warning, #f59e0b)}.nice-sbp--active{transition:background-color 1s ease}.nice-sbp__clock{font-size:120px;font-weight:100;color:var(--nice-bg, #FFFFFF);text-align:center;font-variant-numeric:tabular-nums}.nice-sbp__clock-date{font-size:24px;font-weight:300;color:var(--nice-overlay-light-60, rgba(255, 255, 255, .6));margin-top:var(--nice-space-2-5, 10px)}.nice-sbp__wake-message{position:absolute;bottom:40px;left:50%;transform:translate(-50%);font-size:14px;color:var(--nice-overlay-light-50, rgba(255, 255, 255, .5));animation:nsbp-fade-pulse 3s ease-in-out infinite}@keyframes nsbp-fade-pulse{0%,to{opacity:.3}50%{opacity:.7}}@media (max-width: 480px){.nice-sbp__bounce-logo{font-size:40px}.nice-sbp__matrix-column{font-size:12px}.nice-sbp__clock{font-size:60px}.nice-sbp__clock-date{font-size:16px}}:root{--ntc-primary: var(--nice-primary-hover, #2563eb);--ntc-success: var(--nice-success, #10b981);--ntc-error: var(--nice-danger, #ef4444);--ntc-bg: var(--nice-overlay-95, rgba(0, 0, 0, .95));--ntc-text: var(--nice-bg, #FFFFFF);--ntc-text-muted: var(--nice-overlay-light-70, rgba(255, 255, 255, .7));--ntc-target: var(--nice-primary, #3b82f6);--ntc-calibrated: var(--nice-success, #10b981);--ntc-radius: 8px}.nice-touch-calibration{position:fixed;top:0;left:0;right:0;bottom:0;z-index:99999;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;touch-action:none}.nice-touch-calibration__overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--ntc-bg)}.nice-touch-calibration__instructions{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none;z-index:1}.nice-touch-calibration__title{font-size:28px;font-weight:600;color:var(--ntc-text);margin:0 0 var(--nice-space-3, 12px) 0}.nice-touch-calibration__text{font-size:16px;color:var(--ntc-text-muted);margin:0 0 var(--nice-space-6, 24px) 0;max-width:400px}.nice-touch-calibration__progress{font-size:18px;font-weight:500;color:var(--ntc-primary)}.nice-touch-calibration__target{position:absolute;transform:translate(-50%,-50%);z-index:10;display:flex;align-items:center;justify-content:center;animation:ntc-target-appear .3s ease}@keyframes ntc-target-appear{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.nice-touch-calibration__target-outer{position:absolute;width:100%;height:100%;border:3px solid var(--ntc-target);border-radius:var(--nice-radius-full, 50%);animation:ntc-pulse 1.5s ease-in-out infinite}@keyframes ntc-pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.nice-touch-calibration__target-inner{position:absolute;width:60%;height:60%;border:2px solid var(--ntc-target);border-radius:var(--nice-radius-full, 50%)}.nice-touch-calibration__target-center{width:8px;height:8px;background:var(--ntc-target);border-radius:var(--nice-radius-full, 50%)}.nice-touch-calibration__calibrated{position:absolute;width:12px;height:12px;transform:translate(-50%,-50%);background:var(--ntc-calibrated);border-radius:var(--nice-radius-full, 50%);animation:ntc-calibrated-appear .3s ease;z-index:5}@keyframes ntc-calibrated-appear{0%{opacity:0;transform:translate(-50%,-50%) scale(0)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.nice-touch-calibration__cancel{position:absolute;top:20px;right:20px;padding:var(--nice-space-3, 12px) var(--nice-space-6, 24px);background:var(--nice-overlay-light-10, rgba(255, 255, 255, .1));border:1px solid var(--nice-overlay-light-20, rgba(255, 255, 255, .2));border-radius:var(--ntc-radius);color:var(--ntc-text);font-size:14px;font-weight:500;cursor:pointer;transition:background .2s;z-index:20}.nice-touch-calibration__cancel:hover{background:var(--nice-overlay-light-20, rgba(255, 255, 255, .2))}.nice-touch-calibration__result{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--ntc-bg);z-index:100;animation:ntc-fade-in .3s ease}@keyframes ntc-fade-in{0%{opacity:0}to{opacity:1}}.nice-touch-calibration__result-icon{width:80px;height:80px;border-radius:var(--nice-radius-full, 50%);display:flex;align-items:center;justify-content:center;font-size:40px;margin-bottom:var(--nice-space-6, 24px)}.nice-touch-calibration__result-icon--success{background:var(--nice-success-tint-20, rgba(16, 185, 129, .2));color:var(--ntc-success)}.nice-touch-calibration__result-icon--error{background:var(--nice-danger-tint-20, rgba(239, 68, 68, .2));color:var(--ntc-error)}.nice-touch-calibration__result-title{font-size:24px;font-weight:600;color:var(--ntc-text);margin:0 0 var(--nice-space-3, 12px) 0}.nice-touch-calibration__result-accuracy{font-size:14px;color:var(--ntc-text-muted);margin:0 0 var(--nice-space-6, 24px) 0}.nice-touch-calibration__retry{padding:var(--nice-space-3-5, 14px) var(--nice-space-8, 32px);background:var(--ntc-primary);border:none;border-radius:var(--ntc-radius);color:var(--nice-bg, #FFFFFF);font-size:16px;font-weight:500;cursor:pointer;transition:background .2s,transform .1s}.nice-touch-calibration__retry:hover{background:var(--nice-primary-dark, #1d4ed8)}.nice-touch-calibration__retry:active{transform:scale(.98)}.nice-touch-calibration__target--crosshair{width:60px!important;height:60px!important}.nice-touch-calibration__crosshair-h{position:absolute;width:100%;height:2px;background:var(--ntc-target)}.nice-touch-calibration__crosshair-v{position:absolute;width:2px;height:100%;background:var(--ntc-target)}@media (max-width: 480px){.nice-touch-calibration__title{font-size:22px}.nice-touch-calibration__text{font-size:14px;padding:0 var(--nice-space-5, 20px)}.nice-touch-calibration__result-icon{width:60px;height:60px;font-size:30px}.nice-touch-calibration__result-title{font-size:20px}}@media (hover: none) and (pointer: coarse){.nice-touch-calibration__cancel{min-width:80px;min-height:44px}.nice-touch-calibration__retry{min-height:52px}}:root{--barcode-gen-bg: var(--nice-bg, #FFFFFF);--barcode-gen-border: var(--nice-border, #e5e7eb);--barcode-gen-error-bg: var(--nice-danger-bg, #fef2f2);--barcode-gen-error-color: var(--nice-danger, #ef4444)}.nice-barcode-generator{display:inline-flex;flex-direction:column;align-items:center;background-color:var(--barcode-gen-bg);border-radius:var(--nice-radius-md, .375rem);overflow:hidden}.nice-barcode-generator--bordered{border:1px solid var(--barcode-gen-border);padding:.5rem}.nice-barcode-generator__canvas{display:block;max-width:100%;height:auto}.nice-barcode-generator--error{background-color:var(--barcode-gen-error-bg)}.nice-barcode-generator__error{padding:.5rem 1rem;font-size:.75rem;color:var(--barcode-gen-error-color);text-align:center}.nice-barcode-card{display:flex;flex-direction:column;gap:.75rem;padding:1rem;background-color:var(--nice-surface, #ffffff);border:1px solid var(--barcode-gen-border);border-radius:var(--nice-radius-lg, .5rem);box-shadow:0 1px 3px var(--nice-overlay-10, rgba(0, 0, 0, .1))}.nice-barcode-card__header{display:flex;align-items:center;justify-content:space-between}.nice-barcode-card__title{font-size:.875rem;font-weight:600;color:var(--nice-text, #1f2937);margin:0}.nice-barcode-card__format{font-size:.625rem;font-weight:600;text-transform:uppercase;padding:.25rem .5rem;background-color:var(--nice-bg-secondary, #f3f4f6);border-radius:var(--nice-radius-full, 9999px);color:var(--nice-text-secondary, #6b7280)}.nice-barcode-card__content{display:flex;justify-content:center}.nice-barcode-card__actions{display:flex;gap:.5rem}.nice-barcode-card__action{flex:1;padding:.5rem;border:1px solid var(--barcode-gen-border);border-radius:var(--nice-radius-md, .375rem);background:transparent;font-size:.75rem;color:var(--nice-text-secondary, #6b7280);cursor:pointer;transition:all .2s ease}.nice-barcode-card__action:hover{background-color:var(--nice-bg-secondary, #f3f4f6);color:var(--nice-text, #1f2937)}.nice-barcode-form{display:flex;flex-direction:column;gap:1rem;padding:1rem;background-color:var(--nice-surface, #ffffff);border-radius:var(--nice-radius-lg, .5rem);box-shadow:0 4px 6px -1px var(--nice-overlay-10, rgba(0, 0, 0, .1))}.nice-barcode-form__field{display:flex;flex-direction:column;gap:.25rem}.nice-barcode-form__label{font-size:.75rem;font-weight:500;color:var(--nice-text-secondary, #6b7280)}.nice-barcode-form__input{padding:.625rem;border:1px solid var(--barcode-gen-border);border-radius:var(--nice-radius-md, .375rem);font-size:.875rem;font-family:monospace;color:var(--nice-text, #1f2937);transition:border-color .2s ease}.nice-barcode-form__input:focus{outline:none;border-color:var(--nice-primary, #3b82f6);box-shadow:0 0 0 3px var(--nice-primary-tint-10, rgba(59, 130, 246, .1))}.nice-barcode-form__select{padding:.625rem;border:1px solid var(--barcode-gen-border);border-radius:var(--nice-radius-md, .375rem);font-size:.875rem;color:var(--nice-text, #1f2937);background-color:transparent;cursor:pointer}.nice-barcode-form__preview{display:flex;justify-content:center;padding:1rem;background-color:var(--nice-bg-secondary, #f9fafb);border-radius:var(--nice-radius-md, .375rem)}.nice-barcode-form__actions{display:flex;gap:.5rem}.nice-barcode-form__btn{flex:1;padding:.625rem;border:none;border-radius:var(--nice-radius-md, .375rem);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.nice-barcode-form__btn--primary{background-color:var(--nice-text, #1f2937);color:var(--nice-bg, #FFFFFF)}.nice-barcode-form__btn--primary:hover{background-color:var(--nice-text, #374151)}.nice-barcode-form__btn--secondary{background-color:var(--nice-bg-secondary, #f3f4f6);color:var(--nice-text, #1f2937)}.nice-barcode-form__btn--secondary:hover{background-color:var(--nice-border, #e5e7eb)}.nice-barcode-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.nice-barcode-grid__item{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;background-color:var(--nice-surface, #ffffff);border:1px solid var(--barcode-gen-border);border-radius:var(--nice-radius-lg, .5rem)}.nice-barcode-grid__item-barcode{display:flex;justify-content:center}.nice-barcode-grid__item-label{font-size:.75rem;font-weight:500;color:var(--nice-text, #1f2937);text-align:center}.nice-barcode-grid__item-value{font-size:.625rem;font-family:monospace;color:var(--nice-text-secondary, #6b7280);text-align:center;word-break:break-all}@media (prefers-color-scheme: dark){:root{--barcode-gen-bg: var(--nice-text, #1f2937);--barcode-gen-border: var(--nice-text, #374151);--barcode-gen-error-bg: var(--nice-danger-dark, #450a0a)}.nice-barcode-card{background-color:var(--nice-text, #1f2937)}.nice-barcode-card__title{color:var(--nice-bg-secondary, #f9fafb)}.nice-barcode-card__format{background-color:var(--nice-text, #374151);color:var(--nice-text-muted, #9ca3af)}.nice-barcode-card__action{border-color:var(--nice-text, #374151);color:var(--nice-text-muted, #9ca3af)}.nice-barcode-card__action:hover{background-color:var(--nice-text, #374151);color:var(--nice-bg-secondary, #f9fafb)}.nice-barcode-form{background-color:var(--nice-text, #1f2937)}.nice-barcode-form__label{color:var(--nice-text-muted, #9ca3af)}.nice-barcode-form__input,.nice-barcode-form__select{border-color:var(--nice-text, #374151);background-color:var(--nice-text, #111827);color:var(--nice-bg-secondary, #f9fafb)}.nice-barcode-form__preview{background-color:var(--nice-text, #111827)}.nice-barcode-form__btn--secondary{background-color:var(--nice-text, #374151);color:var(--nice-bg-secondary, #f9fafb)}.nice-barcode-form__btn--secondary:hover{background-color:var(--nice-text-secondary, #4b5563)}.nice-barcode-grid__item{background-color:var(--nice-text, #1f2937);border-color:var(--nice-text, #374151)}.nice-barcode-grid__item-label{color:var(--nice-bg-secondary, #f9fafb)}.nice-barcode-grid__item-value{color:var(--nice-text-muted, #9ca3af)}}@media print{.nice-barcode-generator{border:none!important;box-shadow:none!important;background:var(--nice-bg, #FFFFFF)!important}.nice-barcode-card__actions,.nice-barcode-form__actions{display:none!important}}:root{--scanner-bg: var(--nice-text, #000000);--scanner-frame-color: var(--nice-success, #22c55e);--scanner-frame-size: 60%;--scanner-corner-size: 2rem;--scanner-corner-thickness: 4px;--scanner-bounding-color: var(--nice-primary, #3b82f6);--scanner-error-color: var(--nice-danger, #ef4444)}.nice-barcode-scanner{position:relative;width:100%;height:100%;min-height:300px;background-color:var(--scanner-bg);overflow:hidden}.nice-barcode-scanner__video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.nice-barcode-scanner__canvas{display:none}.nice-barcode-scanner__frame{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:var(--scanner-frame-size);height:var(--scanner-frame-size);max-width:300px;max-height:300px;pointer-events:none}.nice-barcode-scanner__frame-corner{position:absolute;width:var(--scanner-corner-size);height:var(--scanner-corner-size)}.nice-barcode-scanner__frame-corner--tl{top:0;left:0;border-top:var(--scanner-corner-thickness) solid var(--scanner-frame-color);border-left:var(--scanner-corner-thickness) solid var(--scanner-frame-color)}.nice-barcode-scanner__frame-corner--tr{top:0;right:0;border-top:var(--scanner-corner-thickness) solid var(--scanner-frame-color);border-right:var(--scanner-corner-thickness) solid var(--scanner-frame-color)}.nice-barcode-scanner__frame-corner--bl{bottom:0;left:0;border-bottom:var(--scanner-corner-thickness) solid var(--scanner-frame-color);border-left:var(--scanner-corner-thickness) solid var(--scanner-frame-color)}.nice-barcode-scanner__frame-corner--br{bottom:0;right:0;border-bottom:var(--scanner-corner-thickness) solid var(--scanner-frame-color);border-right:var(--scanner-corner-thickness) solid var(--scanner-frame-color)}.nice-barcode-scanner__scan-line{position:absolute;left:10%;right:10%;height:2px;background:linear-gradient(90deg,transparent 0%,var(--scanner-frame-color) 20%,var(--scanner-frame-color) 80%,transparent 100%);animation:scanner-line-move 2s ease-in-out infinite}@keyframes scanner-line-move{0%,to{top:10%;opacity:.5}50%{top:90%;opacity:1}}.nice-barcode-scanner__bounding-box{position:absolute;border:3px solid var(--scanner-bounding-color);border-radius:var(--nice-radius-sm, .25rem);background-color:var(--nice-primary-tint-10, rgba(59, 130, 246, .1));animation:scanner-bounding-pulse .5s ease-out;pointer-events:none}@keyframes scanner-bounding-pulse{0%{transform:scale(1.1);opacity:0}to{transform:scale(1);opacity:1}}.nice-barcode-scanner__error{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;background-color:var(--nice-overlay-90, rgba(0, 0, 0, .9));padding:2rem;text-align:center}.nice-barcode-scanner__error-icon{width:3rem;height:3rem;color:var(--scanner-error-color)}.nice-barcode-scanner__error-icon svg{width:100%;height:100%}.nice-barcode-scanner__error-text{margin:0;font-size:.875rem;color:var(--nice-bg, #FFFFFF);max-width:300px}.nice-barcode-scanner__error-btn{padding:.625rem 1.25rem;border:none;border-radius:var(--nice-radius-md, .375rem);background-color:var(--scanner-error-color);color:var(--nice-bg, #FFFFFF);font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s ease}.nice-barcode-scanner__error-btn:hover{background-color:var(--nice-danger-dark, #dc2626)}.nice-barcode-scanner__unsupported{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background-color:var(--nice-overlay-90, rgba(0, 0, 0, .9));padding:2rem;text-align:center}.nice-barcode-scanner__unsupported p{margin:0;color:var(--nice-text-muted, #9ca3af);font-size:.875rem}.nice-barcode-scanner__overlay{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.nice-barcode-scanner__overlay>*{pointer-events:auto}.nice-barcode-scanner-controls{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);display:flex;gap:.5rem}.nice-barcode-scanner-controls__btn{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border:none;border-radius:var(--nice-radius-full, 50%);background-color:var(--nice-overlay-light-20, rgba(255, 255, 255, .2));color:var(--nice-bg, #FFFFFF);cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .2s ease}.nice-barcode-scanner-controls__btn:hover{background-color:var(--nice-overlay-light-30, rgba(255, 255, 255, .3))}.nice-barcode-scanner-controls__btn--active{background-color:var(--scanner-frame-color)}.nice-barcode-scanner-controls__btn svg{width:1.5rem;height:1.5rem}.nice-barcode-scanner-result{position:absolute;bottom:0;left:0;right:0;padding:1rem;background:linear-gradient(transparent,var(--nice-overlay-80, rgba(0, 0, 0, .8)))}.nice-barcode-scanner-result__content{display:flex;align-items:center;gap:.75rem;padding:.75rem;background-color:var(--nice-overlay-light-10, rgba(255, 255, 255, .1));border-radius:var(--nice-radius-lg, .5rem);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.nice-barcode-scanner-result__icon{width:2rem;height:2rem;color:var(--scanner-frame-color);flex-shrink:0}.nice-barcode-scanner-result__info{flex:1;min-width:0}.nice-barcode-scanner-result__value{font-size:.875rem;font-weight:500;color:var(--nice-bg, #FFFFFF);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nice-barcode-scanner-result__format{font-size:.75rem;color:var(--nice-text-muted, #9ca3af);text-transform:uppercase}.nice-barcode-scanner-result__copy{padding:.5rem;border:none;border-radius:var(--nice-radius-sm, .25rem);background:transparent;color:var(--nice-bg, #FFFFFF);cursor:pointer}.nice-barcode-scanner-result__copy:hover{background-color:var(--nice-overlay-light-10, rgba(255, 255, 255, .1))}.nice-barcode-scanner-history{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background-color:var(--nice-surface, #ffffff);border-radius:var(--nice-radius-lg, .5rem);max-height:300px;overflow-y:auto}.nice-barcode-scanner-history__title{font-size:.875rem;font-weight:600;color:var(--nice-text, #1f2937);margin:0}.nice-barcode-scanner-history__item{display:flex;align-items:center;gap:.75rem;padding:.5rem;background-color:var(--nice-bg-secondary, #f9fafb);border-radius:var(--nice-radius-md, .375rem)}.nice-barcode-scanner-history__item-value{flex:1;font-size:.875rem;font-family:monospace;color:var(--nice-text, #1f2937);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nice-barcode-scanner-history__item-format{font-size:.625rem;font-weight:600;text-transform:uppercase;padding:.25rem .5rem;background-color:var(--nice-border, #e5e7eb);border-radius:var(--nice-radius-full, 9999px);color:var(--nice-text-secondary, #6b7280)}.nice-barcode-scanner-history__item-time{font-size:.75rem;color:var(--nice-text-muted, #9ca3af)}.nice-barcode-scanner-history__empty{text-align:center;color:var(--nice-text-muted, #9ca3af);font-size:.875rem;padding:1rem}@media (prefers-reduced-motion: reduce){.nice-barcode-scanner__scan-line,.nice-barcode-scanner__bounding-box{animation:none}}@media (prefers-color-scheme: dark){.nice-barcode-scanner-history{background-color:var(--nice-text, #1f2937)}.nice-barcode-scanner-history__title{color:var(--nice-bg-secondary, #f9fafb)}.nice-barcode-scanner-history__item{background-color:var(--nice-text, #111827)}.nice-barcode-scanner-history__item-value{color:var(--nice-bg-secondary, #f9fafb)}.nice-barcode-scanner-history__item-format{background-color:var(--nice-text, #374151);color:var(--nice-text-muted, #9ca3af)}}@media (pointer: coarse){.nice-barcode-scanner-controls__btn{width:3.5rem;height:3.5rem}.nice-barcode-scanner-controls__btn svg{width:1.75rem;height:1.75rem}}.nice-batch-scanner{display:flex;flex-direction:column;gap:var(--nice-spacing-md, 16px);background:var(--nice-bg-primary, #ffffff);border-radius:var(--nice-radius-lg, 12px);overflow:hidden}.nice-batch-scanner__scanner{position:relative;aspect-ratio:4/3;background:var(--nice-bg-dark, #1f2937);overflow:hidden}.nice-batch-scanner__video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.nice-batch-scanner__canvas{display:none}.nice-batch-scanner__frame{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;max-width:300px;aspect-ratio:1;pointer-events:none}.nice-batch-scanner__frame-corner{position:absolute;width:30px;height:30px;border-color:var(--nice-primary, #3b82f6);border-style:solid}.nice-batch-scanner__frame-corner--tl{top:0;left:0;border-width:4px 0 0 4px}.nice-batch-scanner__frame-corner--tr{top:0;right:0;border-width:4px 4px 0 0}.nice-batch-scanner__frame-corner--bl{bottom:0;left:0;border-width:0 0 4px 4px}.nice-batch-scanner__frame-corner--br{bottom:0;right:0;border-width:0 4px 4px 0}.nice-batch-scanner__scan-line{position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--nice-primary, #3b82f6),transparent);animation:scan-line 2s linear infinite}@keyframes scan-line{0%{top:0;opacity:1}50%{opacity:.5}to{top:100%;opacity:1}}.nice-batch-scanner__bounding-box{position:absolute;border:3px solid var(--nice-success, #10b981);background:var(--nice-success-tint-10, rgba(16, 185, 129, .1));border-radius:var(--nice-radius-sm, 4px);animation:bounding-pulse .5s ease-out;pointer-events:none}@keyframes bounding-pulse{0%{transform:scale(1.1);opacity:0}50%{opacity:1}to{transform:scale(1);opacity:1}}.nice-batch-scanner__placeholder{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:var(--nice-spacing-md, 16px);color:var(--nice-text-muted, #9ca3af);text-align:center}.nice-batch-scanner__placeholder svg{opacity:.5}.nice-batch-scanner__placeholder p{margin:0;font-size:var(--nice-font-size-sm, .875rem)}.nice-batch-scanner__error{position:absolute;bottom:var(--nice-spacing-md, 16px);left:50%;transform:translate(-50%);padding:var(--nice-spacing-sm, 8px) var(--nice-spacing-md, 16px);background:var(--nice-error-bg, rgba(239, 68, 68, .9));color:#fff;border-radius:var(--nice-radius-md, 8px);font-size:var(--nice-font-size-sm, .875rem)}.nice-batch-scanner__controls{display:flex;flex-direction:column;gap:var(--nice-spacing-sm, 8px);padding:0 var(--nice-spacing-md, 16px)}.nice-batch-scanner__btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--nice-spacing-xs, 4px);padding:var(--nice-spacing-sm, 8px) var(--nice-spacing-md, 16px);min-height:44px;border:none;border-radius:var(--nice-radius-md, 8px);font-size:var(--nice-font-size-base, 1rem);font-weight:var(--nice-font-weight-medium, 500);cursor:pointer;transition:all .2s ease}.nice-batch-scanner__btn:disabled{opacity:.5;cursor:not-allowed}.nice-batch-scanner__btn--start{background:var(--nice-primary, #3b82f6);color:#fff}.nice-batch-scanner__btn--start:hover:not(:disabled){background:var(--nice-primary-dark, #2563eb)}.nice-batch-scanner__btn--stop{background:var(--nice-error, #ef4444);color:#fff}.nice-batch-scanner__btn--stop:hover:not(:disabled){background:var(--nice-error, #dc2626)}.nice-batch-scanner__btn--primary{background:var(--nice-success, #10b981);color:#fff}.nice-batch-scanner__btn--primary:hover:not(:disabled){background:var(--nice-success-dark, #059669)}.nice-batch-scanner__btn--secondary{background:var(--nice-bg-secondary, #f3f4f6);color:var(--nice-text-primary, #1f2937)}.nice-batch-scanner__btn--secondary:hover:not(:disabled){background:var(--nice-bg-tertiary, #e5e7eb)}.nice-batch-scanner__btn--add{background:var(--nice-primary, #3b82f6);color:#fff;padding:var(--nice-spacing-sm, 8px) var(--nice-spacing-md, 16px)}.nice-batch-scanner__manual{display:flex;gap:var(--nice-spacing-sm, 8px)}.nice-batch-scanner__manual-input{flex:1;padding:var(--nice-spacing-sm, 8px) var(--nice-spacing-md, 16px);border:1px solid var(--nice-border-color, #e0e0e0);border-radius:var(--nice-radius-md, 8px);font-size:var(--nice-font-size-base, 1rem);transition:border-color .2s ease}.nice-batch-scanner__manual-input:focus{outline:none;border-color:var(--nice-primary, #3b82f6);box-shadow:0 0 0 3px var(--nice-primary-tint-10, rgba(59, 130, 246, .1))}.nice-batch-scanner__summary{display:flex;justify-content:space-between;padding:var(--nice-spacing-sm, 8px) var(--nice-spacing-md, 16px);background:var(--nice-bg-secondary, #f9fafb);font-size:var(--nice-font-size-sm, .875rem);color:var(--nice-text-secondary, #6b7280)}.nice-batch-scanner__summary strong{color:var(--nice-text-primary, #1f2937)}.nice-batch-scanner__items{flex:1;min-height:150px;max-height:300px;overflow-y:auto;padding:0 var(--nice-spacing-md, 16px)}.nice-batch-scanner__item{display:flex;align-items:center;gap:var(--nice-spacing-sm, 8px);padding:var(--nice-spacing-sm, 8px) 0;border-bottom:1px solid var(--nice-border-color, #e0e0e0)}.nice-batch-scanner__item:last-child{border-bottom:none}.nice-batch-scanner__item-info{flex:1;min-width:0}.nice-batch-scanner__item-value{display:block;font-size:var(--nice-font-size-base, 1rem);font-family:var(--nice-font-mono, monospace);color:var(--nice-text-primary, #1f2937);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nice-batch-scanner__item-format{display:block;font-size:var(--nice-font-size-xs, .75rem);color:var(--nice-text-muted, #9ca3af);text-transform:uppercase}.nice-batch-scanner__item-quantity{display:flex;align-items:center;gap:var(--nice-spacing-xs, 4px)}.nice-batch-scanner__qty-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid var(--nice-border-color, #e0e0e0);border-radius:var(--nice-radius-sm, 4px);background:var(--nice-bg-primary, #ffffff);font-size:var(--nice-font-size-lg, 1.125rem);cursor:pointer;transition:all .2s ease}.nice-batch-scanner__qty-btn:hover{background:var(--nice-bg-secondary, #f3f4f6);border-color:var(--nice-primary, #3b82f6)}.nice-batch-scanner__qty-btn:active{transform:scale(.95)}.nice-batch-scanner__qty-value{min-width:32px;text-align:center;font-weight:var(--nice-font-weight-medium, 500);font-variant-numeric:tabular-nums}.nice-batch-scanner__item-remove{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:var(--nice-radius-sm, 4px);background:transparent;color:var(--nice-text-muted, #9ca3af);font-size:var(--nice-font-size-xl, 1.25rem);cursor:pointer;transition:all .2s ease}.nice-batch-scanner__item-remove:hover{background:var(--nice-error-bg, rgba(239, 68, 68, .1));color:var(--nice-error, #ef4444)}.nice-batch-scanner__empty{display:flex;align-items:center;justify-content:center;height:100px;color:var(--nice-text-muted, #9ca3af);font-size:var(--nice-font-size-sm, .875rem)}.nice-batch-scanner__actions{display:flex;gap:var(--nice-spacing-sm, 8px);padding:var(--nice-spacing-md, 16px);border-top:1px solid var(--nice-border-color, #e0e0e0)}.nice-batch-scanner__actions .nice-batch-scanner__btn{flex:1}[data-theme=dark] .nice-batch-scanner,.dark .nice-batch-scanner{background:var(--nice-bg-primary-dark, #1f2937)}[data-theme=dark] .nice-batch-scanner__summary,.dark .nice-batch-scanner__summary{background:var(--nice-bg-secondary-dark, #374151)}[data-theme=dark] .nice-batch-scanner__manual-input,.dark .nice-batch-scanner__manual-input{background:var(--nice-bg-secondary-dark, #374151);border-color:var(--nice-border-color-dark, #4b5563);color:var(--nice-text-primary-dark, #f9fafb)}[data-theme=dark] .nice-batch-scanner__item,.dark .nice-batch-scanner__item{border-color:var(--nice-border-color-dark, #4b5563)}[data-theme=dark] .nice-batch-scanner__item-value,.dark .nice-batch-scanner__item-value{color:var(--nice-text-primary-dark, #f9fafb)}[data-theme=dark] .nice-batch-scanner__qty-btn,.dark .nice-batch-scanner__qty-btn{background:var(--nice-bg-secondary-dark, #374151);border-color:var(--nice-border-color-dark, #4b5563);color:var(--nice-text-primary-dark, #f9fafb)}[data-theme=dark] .nice-batch-scanner__actions,.dark .nice-batch-scanner__actions{border-color:var(--nice-border-color-dark, #4b5563)}@media (hover: none) and (pointer: coarse){.nice-batch-scanner__qty-btn,.nice-batch-scanner__item-remove{width:36px;height:36px}.nice-batch-scanner__item{padding:var(--nice-spacing-md, 16px) 0}}@media (max-width: 480px){.nice-batch-scanner__scanner{aspect-ratio:1}.nice-batch-scanner__actions{flex-direction:column}}.nice-qr-generator{position:relative;display:inline-flex;flex-direction:column;align-items:center;gap:var(--nice-spacing-sm, 8px)}.nice-qr-generator--bordered{padding:var(--nice-spacing-md, 16px);border:1px solid var(--nice-border-color, #e0e0e0);border-radius:var(--nice-radius-md, 8px);background:var(--nice-bg-primary, #ffffff)}.nice-qr-generator--error .nice-qr-generator__canvas{opacity:.5}.nice-qr-generator__canvas{display:block;border-radius:var(--nice-radius-sm, 4px)}.nice-qr-generator__error{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:var(--nice-spacing-sm, 8px) var(--nice-spacing-md, 16px);background:var(--nice-error-bg, rgba(239, 68, 68, .9));color:var(--nice-error-text, #ffffff);border-radius:var(--nice-radius-sm, 4px);font-size:var(--nice-font-size-sm, .875rem);text-align:center;white-space:nowrap}[data-theme=dark] .nice-qr-generator--bordered,.dark .nice-qr-generator--bordered{border-color:var(--nice-border-color-dark, #374151);background:var(--nice-bg-primary-dark, #1f2937)}.nice-qr-builder{display:flex;flex-direction:column;gap:var(--nice-spacing-md, 16px);padding:var(--nice-spacing-lg, 24px);background:var(--nice-bg-primary, #ffffff);border-radius:var(--nice-radius-lg, 12px);box-shadow:var(--nice-shadow-md, 0 4px 6px -1px rgba(0, 0, 0, .1))}.nice-qr-builder__preview{display:flex;justify-content:center;padding:var(--nice-spacing-lg, 24px);background:var(--nice-bg-secondary, #f9fafb);border-radius:var(--nice-radius-md, 8px)}.nice-qr-builder__input{display:flex;flex-direction:column;gap:var(--nice-spacing-xs, 4px)}.nice-qr-builder__input label{font-size:var(--nice-font-size-sm, .875rem);font-weight:var(--nice-font-weight-medium, 500);color:var(--nice-text-secondary, #6b7280)}.nice-qr-builder__input input,.nice-qr-builder__input textarea{padding:var(--nice-spacing-sm, 8px) var(--nice-spacing-md, 16px);border:1px solid var(--nice-border-color, #e0e0e0);border-radius:var(--nice-radius-sm, 4px);font-size:var(--nice-font-size-base, 1rem);transition:border-color .2s ease}.nice-qr-builder__input input:focus,.nice-qr-builder__input textarea:focus{outline:none;border-color:var(--nice-primary, #3b82f6);box-shadow:0 0 0 3px var(--nice-primary-tint-10, rgba(59, 130, 246, .1))}.nice-qr-builder__options{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--nice-spacing-md, 16px)}.nice-qr-builder__color-picker{display:flex;align-items:center;gap:var(--nice-spacing-sm, 8px)}.nice-qr-builder__color-picker input[type=color]{width:40px;height:40px;padding:0;border:1px solid var(--nice-border-color, #e0e0e0);border-radius:var(--nice-radius-sm, 4px);cursor:pointer}.nice-qr-builder__actions{display:flex;flex-wrap:wrap;gap:var(--nice-spacing-sm, 8px);justify-content:center}.nice-qr-builder__btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--nice-spacing-xs, 4px);padding:var(--nice-spacing-sm, 8px) var(--nice-spacing-md, 16px);border:none;border-radius:var(--nice-radius-sm, 4px);font-size:var(--nice-font-size-sm, .875rem);font-weight:var(--nice-font-weight-medium, 500);cursor:pointer;transition:all .2s ease}.nice-qr-builder__btn--primary{background:var(--nice-primary, #3b82f6);color:#fff}.nice-qr-builder__btn--primary:hover{background:var(--nice-primary-dark, #2563eb)}.nice-qr-builder__btn--secondary{background:var(--nice-bg-secondary, #f3f4f6);color:var(--nice-text-primary, #1f2937)}.nice-qr-builder__btn--secondary:hover{background:var(--nice-bg-tertiary, #e5e7eb)}.nice-qr-templates{display:flex;flex-wrap:wrap;gap:var(--nice-spacing-sm, 8px)}.nice-qr-template-btn{display:inline-flex;align-items:center;gap:var(--nice-spacing-xs, 4px);padding:var(--nice-spacing-xs, 4px) var(--nice-spacing-sm, 8px);background:var(--nice-bg-secondary, #f9fafb);border:1px solid var(--nice-border-color, #e0e0e0);border-radius:var(--nice-radius-full, 9999px);font-size:var(--nice-font-size-sm, .875rem);cursor:pointer;transition:all .2s ease}.nice-qr-template-btn:hover{background:var(--nice-bg-tertiary, #f3f4f6);border-color:var(--nice-primary, #3b82f6)}.nice-qr-template-btn--active{background:var(--nice-primary, #3b82f6);border-color:var(--nice-primary, #3b82f6);color:#fff}@media (max-width: 640px){.nice-qr-builder{padding:var(--nice-spacing-md, 16px)}.nice-qr-builder__options{grid-template-columns:1fr}.nice-qr-builder__btn{flex:1;min-width:120px}}@media (hover: none) and (pointer: coarse){.nice-qr-builder__btn{min-height:44px}.nice-qr-template-btn{min-height:36px;padding:var(--nice-spacing-sm, 8px) var(--nice-spacing-md, 16px)}}@media print{.nice-qr-generator{padding:0;border:none;background:transparent}.nice-qr-builder__actions,.nice-qr-builder__options,.nice-qr-templates{display:none}.nice-qr-generator__canvas{max-width:100%;page-break-inside:avoid}}@keyframes qr-fade-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.nice-qr-generator__canvas{animation:qr-fade-in .3s ease-out}@keyframes qr-pulse{0%,to{box-shadow:0 0 0 0 var(--nice-primary-tint-40, rgba(59, 130, 246, .4))}50%{box-shadow:0 0 0 10px transparent}}.nice-qr-generator--generating .nice-qr-generator__canvas{animation:qr-pulse 1.5s ease-in-out infinite}:root{--qr-scanner-bg: var(--nice-text, #000000);--qr-scanner-frame-color: var(--nice-primary, #3b82f6);--qr-scanner-frame-size: 70%;--qr-scanner-corner-size: 2.5rem;--qr-scanner-corner-thickness: 4px;--qr-scanner-success-color: var(--nice-success, #22c55e);--qr-scanner-error-color: var(--nice-danger, #ef4444)}.nice-qr-scanner{position:relative;width:100%;height:100%;min-height:300px;background-color:var(--qr-scanner-bg);overflow:hidden}.nice-qr-scanner__video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.nice-qr-scanner__canvas{display:none}.nice-qr-scanner__frame{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:var(--qr-scanner-frame-size);height:0;padding-bottom:var(--qr-scanner-frame-size);max-width:280px;max-height:280px;pointer-events:none}.nice-qr-scanner__frame:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border:1px solid var(--nice-overlay-light-20, rgba(255, 255, 255, .2));border-radius:var(--nice-radius-lg, .5rem)}.nice-qr-scanner__frame-corner{position:absolute;width:var(--qr-scanner-corner-size);height:var(--qr-scanner-corner-size)}.nice-qr-scanner__frame-corner--tl{top:0;left:0;border-top:var(--qr-scanner-corner-thickness) solid var(--qr-scanner-frame-color);border-left:var(--qr-scanner-corner-thickness) solid var(--qr-scanner-frame-color);border-top-left-radius:var(--nice-radius-lg, .5rem)}.nice-qr-scanner__frame-corner--tr{top:0;right:0;border-top:var(--qr-scanner-corner-thickness) solid var(--qr-scanner-frame-color);border-right:var(--qr-scanner-corner-thickness) solid var(--qr-scanner-frame-color);border-top-right-radius:var(--nice-radius-lg, .5rem)}.nice-qr-scanner__frame-corner--bl{bottom:0;left:0;border-bottom:var(--qr-scanner-corner-thickness) solid var(--qr-scanner-frame-color);border-left:var(--qr-scanner-corner-thickness) solid var(--qr-scanner-frame-color);border-bottom-left-radius:var(--nice-radius-lg, .5rem)}.nice-qr-scanner__frame-corner--br{bottom:0;right:0;border-bottom:var(--qr-scanner-corner-thickness) solid var(--qr-scanner-frame-color);border-right:var(--qr-scanner-corner-thickness) solid var(--qr-scanner-frame-color);border-bottom-right-radius:var(--nice-radius-lg, .5rem)}.nice-qr-scanner__bounding-box{position:absolute;border:3px solid var(--qr-scanner-success-color);border-radius:var(--nice-radius-sm, .25rem);background-color:var(--nice-success-tint-10, rgba(34, 197, 94, .1));animation:qr-bounding-pulse .3s ease-out;pointer-events:none}@keyframes qr-bounding-pulse{0%{transform:scale(1.05);opacity:0}to{transform:scale(1);opacity:1}}.nice-qr-scanner__error{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;background-color:var(--nice-overlay-90, rgba(0, 0, 0, .9));padding:2rem;text-align:center}.nice-qr-scanner__error-icon{width:3rem;height:3rem;color:var(--qr-scanner-error-color)}.nice-qr-scanner__error-icon svg{width:100%;height:100%}.nice-qr-scanner__error-text{margin:0;font-size:.875rem;color:var(--nice-bg, #FFFFFF);max-width:300px}.nice-qr-scanner__error-btn{padding:.625rem 1.25rem;border:none;border-radius:var(--nice-radius-md, .375rem);background-color:var(--qr-scanner-frame-color);color:var(--nice-bg, #FFFFFF);font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s ease}.nice-qr-scanner__error-btn:hover{background-color:var(--nice-primary-hover, #2563eb)}.nice-qr-scanner__unsupported{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background-color:var(--nice-overlay-90, rgba(0, 0, 0, .9));padding:2rem;text-align:center}.nice-qr-scanner__unsupported p{margin:0;color:var(--nice-text-muted, #9ca3af);font-size:.875rem}.nice-qr-scanner__overlay{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.nice-qr-scanner__overlay>*{pointer-events:auto}.nice-qr-scanner-controls{position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%);display:flex;gap:.75rem}.nice-qr-scanner-controls__btn{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border:none;border-radius:var(--nice-radius-full, 50%);background-color:var(--nice-overlay-light-20, rgba(255, 255, 255, .2));color:var(--nice-bg, #FFFFFF);cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .2s ease}.nice-qr-scanner-controls__btn:hover{background-color:var(--nice-overlay-light-30, rgba(255, 255, 255, .3))}.nice-qr-scanner-controls__btn--active{background-color:var(--qr-scanner-frame-color)}.nice-qr-scanner-controls__btn svg{width:1.5rem;height:1.5rem}.nice-qr-scanner-controls__btn--scan{width:4rem;height:4rem;background-color:var(--qr-scanner-frame-color)}.nice-qr-scanner-controls__btn--scan:hover{background-color:var(--nice-primary-hover, #2563eb)}.nice-qr-scanner-controls__btn--scan svg{width:2rem;height:2rem}.nice-qr-scanner-result{position:absolute;bottom:0;left:0;right:0;padding:1rem;background:linear-gradient(transparent,var(--nice-overlay-90, rgba(0, 0, 0, .9)))}.nice-qr-scanner-result__content{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;background-color:var(--nice-overlay-light-10, rgba(255, 255, 255, .1));border-radius:var(--nice-radius-lg, .5rem);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.nice-qr-scanner-result__header{display:flex;align-items:center;gap:.5rem}.nice-qr-scanner-result__type{font-size:.625rem;font-weight:600;text-transform:uppercase;padding:.25rem .5rem;background-color:var(--qr-scanner-frame-color);border-radius:var(--nice-radius-full, 9999px);color:var(--nice-bg, #FFFFFF)}.nice-qr-scanner-result__time{font-size:.75rem;color:var(--nice-text-muted, #9ca3af)}.nice-qr-scanner-result__text{font-size:.875rem;color:var(--nice-bg, #FFFFFF);word-break:break-all;line-height:1.4}.nice-qr-scanner-result__actions{display:flex;gap:.5rem;margin-top:.5rem}.nice-qr-scanner-result__action{flex:1;padding:.5rem;border:none;border-radius:var(--nice-radius-md, .375rem);background-color:var(--nice-overlay-light-10, rgba(255, 255, 255, .1));color:var(--nice-bg, #FFFFFF);font-size:.75rem;cursor:pointer;transition:background-color .2s ease}.nice-qr-scanner-result__action:hover{background-color:var(--nice-overlay-light-20, rgba(255, 255, 255, .2))}.nice-qr-scanner-result__action--primary{background-color:var(--qr-scanner-frame-color)}.nice-qr-scanner-result__action--primary:hover{background-color:var(--nice-primary-hover, #2563eb)}.nice-qr-scanner-upload{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem;background-color:var(--nice-bg-secondary, #f3f4f6);border:2px dashed var(--nice-border, #d1d5db);border-radius:var(--nice-radius-lg, .5rem);cursor:pointer;transition:all .2s ease}.nice-qr-scanner-upload:hover{background-color:var(--nice-border, #e5e7eb);border-color:var(--nice-text-muted, #9ca3af)}.nice-qr-scanner-upload__icon{width:3rem;height:3rem;color:var(--nice-text-secondary, #6b7280)}.nice-qr-scanner-upload__text{font-size:.875rem;color:var(--nice-text-secondary, #6b7280);text-align:center}.nice-qr-scanner-upload__input{display:none}@media (prefers-reduced-motion: reduce){.nice-qr-scanner__bounding-box{animation:none}}@media (prefers-color-scheme: dark){.nice-qr-scanner-upload{background-color:var(--nice-text, #374151);border-color:var(--nice-text-secondary, #4b5563)}.nice-qr-scanner-upload:hover{background-color:var(--nice-text-secondary, #4b5563);border-color:var(--nice-text-secondary, #6b7280)}.nice-qr-scanner-upload__icon,.nice-qr-scanner-upload__text{color:var(--nice-text-muted, #9ca3af)}}@media (pointer: coarse){.nice-qr-scanner-controls__btn{width:3.5rem;height:3.5rem}.nice-qr-scanner-controls__btn--scan{width:4.5rem;height:4.5rem}.nice-qr-scanner-controls__btn svg{width:1.75rem;height:1.75rem}.nice-qr-scanner-controls__btn--scan svg{width:2.25rem;height:2.25rem}.nice-qr-scanner-result__action{padding:.75rem;font-size:.875rem}}.nice-symbology-config{display:flex;flex-direction:column;gap:var(--nice-spacing-md, 16px);background:var(--nice-bg-primary, #ffffff);border-radius:var(--nice-radius-lg, 12px);border:1px solid var(--nice-border-color, #e0e0e0);overflow:hidden}.nice-symbology-config--readonly{pointer-events:none;opacity:.9}.nice-symbology-config__toolbar{display:flex;align-items:center;gap:var(--nice-spacing-sm, 8px);padding:var(--nice-spacing-sm, 8px) var(--nice-spacing-md, 16px);background:var(--nice-bg-secondary, #f9fafb);border-bottom:1px solid var(--nice-border-color, #e0e0e0)}.nice-symbology-config__btn{padding:var(--nice-spacing-xs, 4px) var(--nice-spacing-sm, 8px);border:1px solid var(--nice-border-color, #e0e0e0);border-radius:var(--nice-radius-sm, 4px);background:var(--nice-bg-primary, #ffffff);font-size:var(--nice-font-size-sm, .875rem);cursor:pointer;transition:all .2s ease}.nice-symbology-config__btn:hover{background:var(--nice-bg-tertiary, #e5e7eb)}.nice-symbology-config__count{margin-left:auto;font-size:var(--nice-font-size-sm, .875rem);color:var(--nice-text-muted, #9ca3af)}.nice-symbology-config__content{display:flex;gap:var(--nice-spacing-md, 16px);padding:var(--nice-spacing-md, 16px);min-height:300px}.nice-symbology-config__list{flex:1;min-width:0;overflow-y:auto;max-height:500px}.nice-symbology-config__details{flex:0 0 300px;padding:var(--nice-spacing-md, 16px);background:var(--nice-bg-secondary, #f9fafb);border-radius:var(--nice-radius-md, 8px);border:1px solid var(--nice-border-color, #e0e0e0);overflow-y:auto;max-height:500px}.nice-symbology-config__group{margin-bottom:var(--nice-spacing-md, 16px)}.nice-symbology-config__group:last-child{margin-bottom:0}.nice-symbology-config__group-title{margin:0 0 var(--nice-spacing-sm, 8px);font-size:var(--nice-font-size-sm, .875rem);font-weight:var(--nice-font-weight-semibold, 600);color:var(--nice-text-secondary, #6b7280);text-transform:uppercase;letter-spacing:.05em}.nice-symbology-config__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--nice-spacing-xs, 4px)}.nice-symbology-config__item{display:flex;align-items:center;gap:var(--nice-spacing-sm, 8px);padding:var(--nice-spacing-sm, 8px);border:1px solid transparent;border-radius:var(--nice-radius-sm, 4px);cursor:pointer;transition:all .15s ease;-webkit-user-select:none;user-select:none}.nice-symbology-config__item:hover{background:var(--nice-bg-secondary, #f9fafb);border-color:var(--nice-border-color, #e0e0e0)}.nice-symbology-config__item--selected{background:var(--nice-primary-tint-8, rgba(59, 130, 246, .08));border-color:var(--nice-primary, #3b82f6)}.nice-symbology-config__item--active{background:#3b82f61f;box-shadow:0 0 0 2px var(--nice-primary-tint-20, rgba(59, 130, 246, .2))}.nice-symbology-config__item:focus-visible{outline:2px solid var(--nice-primary, #3b82f6);outline-offset:-2px}.nice-symbology-config__checkbox{display:flex;align-items:center;justify-content:center;width:18px;height:18px;border:2px solid var(--nice-border-color, #d1d5db);border-radius:var(--nice-radius-xs, 3px);font-size:12px;font-weight:700;color:#fff;transition:all .15s ease;flex-shrink:0}.nice-symbology-config__checkbox--checked{background:var(--nice-primary, #3b82f6);border-color:var(--nice-primary, #3b82f6)}.nice-symbology-config__item-info{display:flex;flex-direction:column;min-width:0}.nice-symbology-config__item-name{font-size:var(--nice-font-size-sm, .875rem);font-weight:var(--nice-font-weight-medium, 500);color:var(--nice-text-primary, #1f2937);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nice-symbology-config__item-desc{font-size:var(--nice-font-size-xs, .75rem);color:var(--nice-text-muted, #9ca3af)}.nice-symbology-config__details-title{margin:0 0 var(--nice-spacing-sm, 8px);font-size:var(--nice-font-size-lg, 1.125rem);font-weight:var(--nice-font-weight-semibold, 600);color:var(--nice-text-primary, #1f2937)}.nice-symbology-config__details-desc{margin:0 0 var(--nice-spacing-md, 16px);font-size:var(--nice-font-size-sm, .875rem);color:var(--nice-text-secondary, #6b7280);line-height:1.5}.nice-symbology-config__details-props{display:flex;flex-direction:column;gap:var(--nice-spacing-sm, 8px);margin-bottom:var(--nice-spacing-md, 16px)}.nice-symbology-config__prop{display:flex;justify-content:space-between;align-items:baseline;gap:var(--nice-spacing-sm, 8px)}.nice-symbology-config__prop-label{font-size:var(--nice-font-size-sm, .875rem);font-weight:var(--nice-font-weight-medium, 500);color:var(--nice-text-secondary, #6b7280);flex-shrink:0}.nice-symbology-config__prop-value{font-size:var(--nice-font-size-sm, .875rem);color:var(--nice-text-primary, #1f2937);text-align:right}.nice-symbology-config__tags{display:flex;flex-wrap:wrap;gap:var(--nice-spacing-xs, 4px);margin-top:var(--nice-spacing-xs, 4px)}.nice-symbology-config__tag{display:inline-block;padding:var(--nice-space-0-5, 2px) var(--nice-space-2, 8px);background:var(--nice-bg-primary, #ffffff);border:1px solid var(--nice-border-color, #e0e0e0);border-radius:var(--nice-radius-full, 9999px);font-size:var(--nice-font-size-xs, .75rem);color:var(--nice-text-secondary, #6b7280)}.nice-symbology-config__validation{margin-top:var(--nice-spacing-md, 16px);padding-top:var(--nice-spacing-md, 16px);border-top:1px solid var(--nice-border-color, #e0e0e0)}.nice-symbology-config__validation-result{display:flex;justify-content:space-between;padding:var(--nice-spacing-sm, 8px);border-radius:var(--nice-radius-sm, 4px);font-size:var(--nice-font-size-sm, .875rem);font-weight:var(--nice-font-weight-medium, 500);margin-top:var(--nice-spacing-xs, 4px)}.nice-symbology-config__validation-result--valid{background:var(--nice-success-tint-10, rgba(16, 185, 129, .1));color:var(--nice-success, #059669)}.nice-symbology-config__validation-result--invalid{background:var(--nice-danger-tint-10, rgba(239, 68, 68, .1));color:var(--nice-error, #dc2626)}.nice-symbology-config__validation-error{padding:var(--nice-spacing-xs, 4px) 0;font-size:var(--nice-font-size-xs, .75rem);color:var(--nice-error, #dc2626)}.nice-symbology-config__validation-warning{padding:var(--nice-spacing-xs, 4px) 0;font-size:var(--nice-font-size-xs, .75rem);color:var(--nice-warning, #d97706)}[data-theme=dark] .nice-symbology-config,.dark .nice-symbology-config{background:var(--nice-bg-primary-dark, #1f2937);border-color:var(--nice-border-color-dark, #374151)}[data-theme=dark] .nice-symbology-config__toolbar,.dark .nice-symbology-config__toolbar,[data-theme=dark] .nice-symbology-config__details,.dark .nice-symbology-config__details{background:var(--nice-bg-secondary-dark, #374151);border-color:var(--nice-border-color-dark, #4b5563)}[data-theme=dark] .nice-symbology-config__item-name,.dark .nice-symbology-config__item-name,[data-theme=dark] .nice-symbology-config__details-title,.dark .nice-symbology-config__details-title{color:var(--nice-text-primary-dark, #f9fafb)}[data-theme=dark] .nice-symbology-config__btn,.dark .nice-symbology-config__btn{background:var(--nice-bg-secondary-dark, #374151);border-color:var(--nice-border-color-dark, #4b5563);color:var(--nice-text-primary-dark, #f9fafb)}@media (hover: none) and (pointer: coarse){.nice-symbology-config__item{padding:var(--nice-spacing-sm, 8px) var(--nice-spacing-md, 16px);min-height:44px}.nice-symbology-config__checkbox{width:22px;height:22px}}@media (max-width: 768px){.nice-symbology-config__content{flex-direction:column}.nice-symbology-config__details{flex:none}.nice-symbology-config__grid{grid-template-columns:1fr}}.nice-conflict-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--nice-overlay-50, rgba(0, 0, 0, .5));display:flex;align-items:center;justify-content:center;z-index:10000;animation:nice-conflict-fade-in .2s ease-out}@keyframes nice-conflict-fade-in{0%{opacity:0}to{opacity:1}}.nice-conflict-modal{background:var(--nice-conflict-bg, #ffffff);border-radius:var(--nice-radius-xl, 16px);box-shadow:0 25px 50px var(--nice-overlay-25, rgba(0, 0, 0, .25));max-width:600px;max-height:80vh;width:90%;overflow:hidden;animation:nice-conflict-slide-up .3s ease-out}@keyframes nice-conflict-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.nice-conflict-drawer{position:fixed;right:0;top:0;bottom:0;width:400px;max-width:100%;background:var(--nice-conflict-bg, #ffffff);box-shadow:-4px 0 20px var(--nice-overlay-15, rgba(0, 0, 0, .15));z-index:10000;transform:translate(100%);transition:transform .3s ease-out}.nice-conflict-drawer--open{transform:translate(0)}.nice-conflict-toast{position:fixed;bottom:24px;right:24px;max-width:420px;background:var(--nice-conflict-bg, #ffffff);border-radius:var(--nice-radius-xl, 12px);box-shadow:0 10px 40px var(--nice-overlay-20, rgba(0, 0, 0, .2));z-index:10000;animation:nice-conflict-slide-up .3s ease-out}.nice-conflict-list{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--nice-conflict-text, #1a1a1a)}.nice-conflict-list__header{display:flex;align-items:center;justify-content:space-between;padding:var(--nice-space-4, 16px) var(--nice-space-5, 20px);border-bottom:1px solid var(--nice-conflict-border, #e5e7eb);background:var(--nice-conflict-header-bg, #f9fafb)}.nice-conflict-list__header h3{margin:0;font-size:16px;font-weight:600;color:var(--nice-conflict-title, #111827)}.nice-conflict-list__close{width:32px;height:32px;border:none;background:transparent;border-radius:var(--nice-radius-lg, 8px);cursor:pointer;font-size:18px;color:var(--nice-conflict-muted, #6b7280);transition:all .15s ease}.nice-conflict-list__close:hover{background:var(--nice-conflict-hover-bg, #f3f4f6);color:var(--nice-conflict-text, #1a1a1a)}.nice-conflict-list__items{max-height:400px;overflow-y:auto;padding:var(--nice-space-4, 16px)}.nice-conflict-list__bulk{display:flex;gap:var(--nice-space-3, 12px);padding:var(--nice-space-4, 16px) var(--nice-space-5, 20px);border-top:1px solid var(--nice-conflict-border, #e5e7eb);background:var(--nice-conflict-footer-bg, #f9fafb)}.nice-conflict-item{padding:var(--nice-space-4, 16px);border:1px solid var(--nice-conflict-border, #e5e7eb);border-radius:var(--nice-radius-xl, 12px);margin-bottom:var(--nice-space-3, 12px);background:var(--nice-conflict-item-bg, #ffffff)}.nice-conflict-item:last-child{margin-bottom:0}.nice-conflict-item__header{display:flex;align-items:center;gap:var(--nice-space-3, 12px);margin-bottom:var(--nice-space-3, 12px)}.nice-conflict-item__type{display:inline-flex;padding:var(--nice-space-1, 4px) var(--nice-space-2-5, 10px);background:var(--nice-conflict-type-bg, #e0e7ff);color:var(--nice-conflict-type-color, #4338ca);border-radius:var(--nice-radius-md, 6px);font-size:12px;font-weight:600;text-transform:uppercase}.nice-conflict-item__id{font-size:13px;color:var(--nice-conflict-muted, #6b7280);font-family:monospace}.nice-conflict-item__versions{display:grid;grid-template-columns:1fr 1fr;gap:var(--nice-space-3, 12px);margin-bottom:var(--nice-space-3, 12px)}.nice-conflict-item__version{padding:var(--nice-space-3, 12px);border-radius:var(--nice-radius-lg, 8px);display:flex;flex-direction:column;gap:var(--nice-space-1, 4px)}.nice-conflict-item__version--client{background:var(--nice-conflict-client-bg, #fef3c7);border:1px solid var(--nice-conflict-client-border, #fcd34d)}.nice-conflict-item__version--server{background:var(--nice-conflict-server-bg, #dbeafe);border:1px solid var(--nice-conflict-server-border, #60a5fa)}.nice-conflict-item__version-label{font-size:12px;font-weight:600;color:var(--nice-conflict-text, #1a1a1a)}.nice-conflict-item__version-time{font-size:11px;color:var(--nice-conflict-muted, #6b7280)}.nice-conflict-item__fields{display:flex;flex-wrap:wrap;align-items:center;gap:var(--nice-space-1-5, 6px);margin-bottom:var(--nice-space-3, 12px);font-size:13px;color:var(--nice-conflict-muted, #6b7280)}.nice-conflict-item__fields code{padding:var(--nice-space-0-5, 2px) var(--nice-space-1-5, 6px);background:var(--nice-conflict-code-bg, #f3f4f6);border-radius:var(--nice-radius-sm, 4px);font-size:12px;color:var(--nice-conflict-code-color, #dc2626)}.nice-conflict-item__actions{display:flex;flex-wrap:wrap;gap:var(--nice-space-2, 8px)}.nice-conflict-btn{padding:var(--nice-space-2, 8px) var(--nice-space-3-5, 14px);border:none;border-radius:var(--nice-radius-lg, 8px);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease}.nice-conflict-btn:disabled{opacity:.5;cursor:not-allowed}.nice-conflict-btn--client{background:var(--nice-conflict-client-btn-bg, #fbbf24);color:var(--nice-conflict-client-btn-color, #78350f)}.nice-conflict-btn--client:hover:not(:disabled){background:var(--nice-conflict-client-btn-hover, #f59e0b)}.nice-conflict-btn--server{background:var(--nice-conflict-server-btn-bg, #3b82f6);color:var(--nice-conflict-server-btn-color, #ffffff)}.nice-conflict-btn--server:hover:not(:disabled){background:var(--nice-conflict-server-btn-hover, #2563eb)}.nice-conflict-btn--merge{background:var(--nice-conflict-merge-btn-bg, #8b5cf6);color:var(--nice-conflict-merge-btn-color, #ffffff)}.nice-conflict-btn--merge:hover:not(:disabled){background:var(--nice-conflict-merge-btn-hover, #7c3aed)}.nice-conflict-btn--dismiss{background:var(--nice-conflict-dismiss-btn-bg, #f3f4f6);color:var(--nice-conflict-dismiss-btn-color, #6b7280)}.nice-conflict-btn--dismiss:hover:not(:disabled){background:var(--nice-conflict-dismiss-btn-hover, #e5e7eb)}@media (prefers-color-scheme: dark){.nice-conflict-modal,.nice-conflict-drawer,.nice-conflict-toast,.nice-conflict-list{--nice-conflict-bg: #1f2937;--nice-conflict-text: #f9fafb;--nice-conflict-border: #374151;--nice-conflict-header-bg: #111827;--nice-conflict-footer-bg: #111827;--nice-conflict-title: #f9fafb;--nice-conflict-muted: #9ca3af;--nice-conflict-hover-bg: #374151;--nice-conflict-item-bg: #111827;--nice-conflict-type-bg: #312e81;--nice-conflict-type-color: #a5b4fc;--nice-conflict-client-bg: #451a03;--nice-conflict-client-border: #92400e;--nice-conflict-server-bg: #1e3a5f;--nice-conflict-server-border: #1e40af;--nice-conflict-code-bg: #374151;--nice-conflict-code-color: #f87171;--nice-conflict-dismiss-btn-bg: #374151;--nice-conflict-dismiss-btn-color: #9ca3af;--nice-conflict-dismiss-btn-hover: #4b5563}.nice-conflict-overlay{background:var(--nice-overlay-70, rgba(0, 0, 0, .7))}}@media (max-width: 480px){.nice-conflict-modal{width:100%;height:100%;max-height:100%;border-radius:0}.nice-conflict-drawer{width:100%}.nice-conflict-toast{left:16px;right:16px;bottom:16px;max-width:none}.nice-conflict-item__versions{grid-template-columns:1fr}.nice-conflict-item__actions{flex-direction:column}.nice-conflict-btn{width:100%;justify-content:center}.nice-conflict-list__bulk{flex-direction:column}}.nice-offline-form{position:relative}.nice-offline-form__badge{position:absolute;top:8px;right:8px;display:flex;align-items:center;gap:var(--nice-space-1-5, 6px);padding:var(--nice-space-1, 4px) var(--nice-space-2-5, 10px);border-radius:var(--nice-radius-full, 9999px);font-size:12px;font-weight:500;z-index:10}.nice-offline-form__badge--offline{background:var(--nice-danger-bg, #fef2f2);color:var(--nice-danger-dark, #991b1b);border:1px solid var(--nice-danger-bg, #fecaca)}.nice-offline-form__badge--pending{background:var(--nice-warning-bg, #fffbeb);color:var(--nice-warning-dark, #92400e);border:1px solid var(--nice-warning-bg, #fed7aa)}.nice-offline-form__badge--syncing{background:var(--nice-primary-bg, #eff6ff);color:var(--nice-primary-dark, #1e40af);border:1px solid var(--nice-primary-bg, #bfdbfe)}.nice-offline-form__badge-dot{width:6px;height:6px;border-radius:var(--nice-radius-full, 50%);background:currentColor;animation:nice-form-dot-pulse 1.5s ease-in-out infinite}@keyframes nice-form-dot-pulse{0%,to{opacity:1}50%{opacity:.4}}.nice-offline-form__draft{display:flex;align-items:center;gap:var(--nice-space-2, 8px);padding:var(--nice-space-2, 8px) var(--nice-space-3, 12px);margin-bottom:var(--nice-space-3, 12px);background:var(--nice-primary-bg, #f0f9ff);border:1px solid #bae6fd;border-radius:var(--nice-radius-lg, 8px);font-size:13px;color:var(--nice-primary-dark, #0369a1)}.nice-offline-form__draft-icon{font-size:16px}.nice-offline-form__draft-text{flex:1}.nice-offline-form__draft-action{padding:var(--nice-space-1, 4px) var(--nice-space-2, 8px);border:none;background:transparent;color:#0284c7;font-size:12px;font-weight:500;cursor:pointer;border-radius:var(--nice-radius-sm, 4px);transition:background .15s ease}.nice-offline-form__draft-action:hover{background:#0284c71a}.nice-offline-form__sync-bar{display:flex;align-items:center;justify-content:space-between;padding:var(--nice-space-2-5, 10px) var(--nice-space-3-5, 14px);background:var(--nice-bg-secondary, #f9fafb);border:1px solid var(--nice-border, #e5e7eb);border-radius:var(--nice-radius-lg, 8px);margin-top:var(--nice-space-3, 12px);font-size:13px;color:var(--nice-text-secondary, #4b5563)}.nice-offline-form__sync-status{display:flex;align-items:center;gap:var(--nice-space-2, 8px)}.nice-offline-form__sync-spinner{width:14px;height:14px;border:2px solid var(--nice-border, #e5e7eb);border-top-color:var(--nice-primary, #3b82f6);border-radius:var(--nice-radius-full, 50%);animation:nice-form-spin .8s linear infinite}@keyframes nice-form-spin{to{transform:rotate(360deg)}}.nice-offline-form__sync-actions{display:flex;gap:var(--nice-space-2, 8px)}.nice-offline-form__btn{padding:var(--nice-space-1-5, 6px) var(--nice-space-3, 12px);border:1px solid var(--nice-border, #e5e7eb);background:var(--nice-bg, #FFFFFF);border-radius:var(--nice-radius-md, 6px);font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease}.nice-offline-form__btn:hover:not(:disabled){background:var(--nice-bg-secondary, #f9fafb);border-color:var(--nice-border, #d1d5db)}.nice-offline-form__btn:disabled{opacity:.5;cursor:not-allowed}.nice-offline-form__btn--primary{background:var(--nice-primary, #3b82f6);border-color:var(--nice-primary, #3b82f6);color:var(--nice-bg, #FFFFFF)}.nice-offline-form__btn--primary:hover:not(:disabled){background:var(--nice-primary-hover, #2563eb);border-color:var(--nice-primary-hover, #2563eb)}.nice-offline-form__queue{margin-top:var(--nice-space-4, 16px);padding:var(--nice-space-3, 12px);background:var(--nice-warning-bg, #fffbeb);border:1px solid var(--nice-warning-bg, #fde68a);border-radius:var(--nice-radius-lg, 8px)}.nice-offline-form__queue-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--nice-space-2, 8px)}.nice-offline-form__queue-title{font-size:13px;font-weight:600;color:var(--nice-warning-dark, #92400e)}.nice-offline-form__queue-count{padding:var(--nice-space-0-5, 2px) var(--nice-space-2, 8px);background:var(--nice-warning-bg, #fef3c7);border-radius:var(--nice-radius-full, 9999px);font-size:11px;font-weight:600;color:var(--nice-warning-dark, #b45309)}.nice-offline-form__queue-list{display:flex;flex-direction:column;gap:var(--nice-space-1-5, 6px)}.nice-offline-form__queue-item{display:flex;align-items:center;justify-content:space-between;padding:var(--nice-space-2, 8px) var(--nice-space-2-5, 10px);background:var(--nice-bg, #FFFFFF);border-radius:var(--nice-radius-md, 6px);font-size:12px}.nice-offline-form__queue-item-status{display:flex;align-items:center;gap:var(--nice-space-1-5, 6px)}.nice-offline-form__queue-item-status--pending{color:var(--nice-warning-dark, #b45309)}.nice-offline-form__queue-item-status--failed{color:var(--nice-danger-dark, #dc2626)}.nice-offline-form__error{display:flex;align-items:flex-start;gap:var(--nice-space-2, 8px);padding:var(--nice-space-3, 12px);margin-top:var(--nice-space-3, 12px);background:var(--nice-danger-bg, #fef2f2);border:1px solid var(--nice-danger-bg, #fecaca);border-radius:var(--nice-radius-lg, 8px);font-size:13px;color:var(--nice-danger-dark, #991b1b)}.nice-offline-form__error-icon{flex-shrink:0;font-size:16px}.nice-offline-form__error-message{flex:1;line-height:1.4}.nice-offline-form__error-retry{padding:var(--nice-space-1, 4px) var(--nice-space-2-5, 10px);border:none;background:var(--nice-danger-bg, #fee2e2);color:var(--nice-danger-dark, #dc2626);border-radius:var(--nice-radius-sm, 4px);font-size:12px;font-weight:500;cursor:pointer;transition:background .15s ease}.nice-offline-form__error-retry:hover{background:var(--nice-danger-bg, #fecaca)}@media (prefers-color-scheme: dark){.nice-offline-form__badge--offline{background:var(--nice-danger-dark, #450a0a);color:var(--nice-danger-bg, #fca5a5);border-color:var(--nice-danger-dark, #7f1d1d)}.nice-offline-form__badge--pending{background:var(--nice-warning-dark, #451a03);color:var(--nice-warning-light, #fdba74);border-color:#7c2d12}.nice-offline-form__badge--syncing{background:var(--nice-primary-dark, #1e3a5f);color:var(--nice-primary-light, #93c5fd);border-color:var(--nice-primary-dark, #1e40af)}.nice-offline-form__draft{background:#0c4a6e;border-color:var(--nice-primary-dark, #0369a1);color:#7dd3fc}.nice-offline-form__draft-action{color:#38bdf8}.nice-offline-form__sync-bar{background:var(--nice-text, #1f2937);border-color:var(--nice-text, #374151);color:var(--nice-border, #d1d5db)}.nice-offline-form__btn{background:var(--nice-text, #374151);border-color:var(--nice-text-secondary, #4b5563);color:var(--nice-bg-secondary, #f9fafb)}.nice-offline-form__btn:hover:not(:disabled){background:var(--nice-text-secondary, #4b5563)}.nice-offline-form__queue{background:var(--nice-warning-dark, #451a03);border-color:var(--nice-warning-dark, #78350f)}.nice-offline-form__queue-title{color:var(--nice-warning-light, #fdba74)}.nice-offline-form__queue-count{background:var(--nice-warning-dark, #78350f);color:var(--nice-warning-light, #fcd34d)}.nice-offline-form__queue-item{background:#422006}.nice-offline-form__error{background:var(--nice-danger-dark, #450a0a);border-color:var(--nice-danger-dark, #7f1d1d);color:var(--nice-danger-bg, #fca5a5)}.nice-offline-form__error-retry{background:var(--nice-danger-dark, #7f1d1d);color:var(--nice-danger-bg, #fecaca)}.nice-offline-form__error-retry:hover{background:var(--nice-danger-dark, #991b1b)}}@media (max-width: 480px){.nice-offline-form__sync-bar{flex-direction:column;gap:var(--nice-space-2-5, 10px);align-items:stretch}.nice-offline-form__sync-actions{justify-content:stretch}.nice-offline-form__sync-actions .nice-offline-form__btn{flex:1;text-align:center}}.nice-offline-indicator{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.5;z-index:10000}.nice-offline-indicator--top,.nice-offline-indicator--bottom,.nice-offline-indicator--top-left,.nice-offline-indicator--top-right,.nice-offline-indicator--bottom-left,.nice-offline-indicator--bottom-right{position:fixed}.nice-offline-indicator--top{top:0;left:0;right:0}.nice-offline-indicator--bottom{bottom:0;left:0;right:0}.nice-offline-indicator--top-left{top:16px;left:16px}.nice-offline-indicator--top-right{top:16px;right:16px}.nice-offline-indicator--bottom-left{bottom:16px;left:16px}.nice-offline-indicator--bottom-right{bottom:16px;right:16px}.nice-offline-indicator--inline{position:relative}.nice-offline-indicator--offline{--nice-indicator-bg: #fef2f2;--nice-indicator-border: #fecaca;--nice-indicator-color: #991b1b;--nice-indicator-accent: #ef4444}.nice-offline-indicator--reconnecting{--nice-indicator-bg: #fffbeb;--nice-indicator-border: #fed7aa;--nice-indicator-color: #92400e;--nice-indicator-accent: #f97316}.nice-offline-indicator--slow{--nice-indicator-bg: #fffbeb;--nice-indicator-border: #fef08a;--nice-indicator-color: #854d0e;--nice-indicator-accent: #eab308}.nice-offline-indicator--online{--nice-indicator-bg: #f0fdf4;--nice-indicator-border: #bbf7d0;--nice-indicator-color: #166534;--nice-indicator-accent: #22c55e}.nice-offline-indicator--banner .nice-offline-indicator__banner{display:flex;align-items:center;justify-content:center;gap:var(--nice-space-2, 8px);padding:var(--nice-space-2-5, 10px) var(--nice-space-4, 16px);background:var(--nice-indicator-bg);border-bottom:1px solid var(--nice-indicator-border);color:var(--nice-indicator-color)}.nice-offline-indicator--bottom.nice-offline-indicator--banner .nice-offline-indicator__banner{border-bottom:none;border-top:1px solid var(--nice-indicator-border)}.nice-offline-indicator--badge{display:inline-flex;align-items:center;gap:var(--nice-space-1-5, 6px);padding:var(--nice-space-1, 4px) var(--nice-space-2-5, 10px);background:var(--nice-indicator-bg);border:1px solid var(--nice-indicator-border);border-radius:var(--nice-radius-full, 9999px);color:var(--nice-indicator-color);font-size:12px;font-weight:500}.nice-offline-indicator__badge-dot{width:8px;height:8px;border-radius:var(--nice-radius-full, 50%);background:var(--nice-indicator-accent)}.nice-offline-indicator--animated .nice-offline-indicator__badge-dot{animation:nice-indicator-pulse 2s ease-in-out infinite}.nice-offline-indicator--toast .nice-offline-indicator__toast{display:flex;align-items:flex-start;gap:var(--nice-space-3, 12px);padding:var(--nice-space-4, 16px);background:var(--nice-indicator-bg);border:1px solid var(--nice-indicator-border);border-radius:var(--nice-radius-xl, 12px);box-shadow:0 4px 20px var(--nice-overlay-10, rgba(0, 0, 0, .1));color:var(--nice-indicator-color);min-width:280px;max-width:400px}.nice-offline-indicator__toast-content{display:flex;flex-direction:column;gap:var(--nice-space-1, 4px)}.nice-offline-indicator--minimal{display:inline-flex;align-items:center;gap:var(--nice-space-1-5, 6px);padding:var(--nice-space-1-5, 6px) var(--nice-space-3, 12px);background:var(--nice-indicator-bg);border:1px solid var(--nice-indicator-border);border-radius:var(--nice-radius-lg, 8px);color:var(--nice-indicator-color);font-size:13px}.nice-offline-indicator--icon-only{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--nice-indicator-bg);border:1px solid var(--nice-indicator-border);border-radius:var(--nice-radius-full, 50%);cursor:default}.nice-offline-indicator--icon-only .nice-offline-indicator__icon{font-size:16px}.nice-offline-indicator--detailed .nice-offline-indicator__detailed{display:flex;gap:var(--nice-space-4, 16px);padding:var(--nice-space-4, 16px) var(--nice-space-5, 20px);background:var(--nice-indicator-bg);border:1px solid var(--nice-indicator-border);border-radius:var(--nice-radius-xl, 12px);color:var(--nice-indicator-color);min-width:300px}.nice-offline-indicator__detailed-content{display:flex;flex-direction:column;gap:var(--nice-space-2, 8px);flex:1}.nice-offline-indicator__icon{font-size:18px;flex-shrink:0}.nice-offline-indicator__message{font-weight:500}.nice-offline-indicator__details{display:flex;flex-wrap:wrap;gap:var(--nice-space-2, 8px) var(--nice-space-4, 16px);font-size:12px;opacity:.8}.nice-offline-indicator__duration,.nice-offline-indicator__type,.nice-offline-indicator__speed,.nice-offline-indicator__latency{display:flex;align-items:center;gap:var(--nice-space-1, 4px)}.nice-offline-indicator__quality{height:4px;background:var(--nice-overlay-10, rgba(0, 0, 0, .1));border-radius:var(--nice-radius-sm, 2px);overflow:hidden;margin-top:var(--nice-space-1, 4px)}.nice-offline-indicator__quality-bar{height:100%;border-radius:var(--nice-radius-sm, 2px);transition:width .3s ease}.nice-offline-indicator__spinner{width:16px;height:16px;border:2px solid var(--nice-indicator-border);border-top-color:var(--nice-indicator-accent);border-radius:var(--nice-radius-full, 50%);animation:nice-indicator-spin 1s linear infinite}@keyframes nice-indicator-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.9)}}@keyframes nice-indicator-spin{to{transform:rotate(360deg)}}.nice-offline-indicator--animated{animation:nice-indicator-slide-in .3s ease-out}@keyframes nice-indicator-slide-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.nice-offline-indicator--bottom.nice-offline-indicator--animated{animation:nice-indicator-slide-in-bottom .3s ease-out}@keyframes nice-indicator-slide-in-bottom{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.nice-offline-indicator--pulse .nice-offline-indicator__icon{animation:nice-indicator-pulse 2s ease-in-out infinite}@media (prefers-color-scheme: dark){.nice-offline-indicator--offline{--nice-indicator-bg: #450a0a;--nice-indicator-border: #7f1d1d;--nice-indicator-color: #fca5a5}.nice-offline-indicator--reconnecting{--nice-indicator-bg: #431407;--nice-indicator-border: #7c2d12;--nice-indicator-color: #fdba74}.nice-offline-indicator--slow{--nice-indicator-bg: #422006;--nice-indicator-border: #713f12;--nice-indicator-color: #fde047}.nice-offline-indicator--online{--nice-indicator-bg: #052e16;--nice-indicator-border: #166534;--nice-indicator-color: #86efac}.nice-offline-indicator--toast .nice-offline-indicator__toast{box-shadow:0 4px 20px var(--nice-overlay-40, rgba(0, 0, 0, .4))}}@media (max-width: 480px){.nice-offline-indicator--toast .nice-offline-indicator__toast,.nice-offline-indicator--detailed .nice-offline-indicator__detailed{min-width:auto;max-width:calc(100vw - 32px)}.nice-offline-indicator--top-left,.nice-offline-indicator--top-right,.nice-offline-indicator--bottom-left,.nice-offline-indicator--bottom-right{left:16px;right:16px}}:root{--nom-primary: var(--nice-primary-hover, #2563eb);--nom-primary-hover: var(--nice-primary-dark, #1d4ed8);--nom-success: var(--nice-success, #10b981);--nom-warning: var(--nice-warning, #f59e0b);--nom-error: var(--nice-danger, #ef4444);--nom-bg: var(--nice-bg, #FFFFFF);--nom-bg-secondary: var(--nice-bg-secondary, #f8fafc);--nom-border: var(--nice-border, #e2e8f0);--nom-text: var(--nice-text, #1e293b);--nom-text-muted: var(--nice-text-secondary, #64748b);--nom-radius: 8px;--nom-shadow: 0 1px 3px var(--nice-overlay-10, rgba(0, 0, 0, .1));--nom-shadow-lg: 0 4px 12px var(--nice-overlay-15, rgba(0, 0, 0, .15))}.dark{--nom-primary: var(--nice-primary, #3b82f6);--nom-primary-hover: var(--nice-primary-light, #60a5fa);--nom-success: var(--nice-success-light, #34d399);--nom-warning: var(--nice-warning-light, #fbbf24);--nom-error: var(--nice-danger-light, #f87171);--nom-bg: var(--nice-text, #1e293b);--nom-bg-secondary: var(--nice-text, #0f172a);--nom-border: var(--nice-text, #334155);--nom-text: var(--nice-bg-secondary, #f1f5f9);--nom-text-muted: var(--nice-text-muted, #94a3b8)}.nice-offline-media-manager{position:fixed;bottom:20px;right:20px;width:360px;max-height:480px;background:var(--nom-bg);border:1px solid var(--nom-border);border-radius:var(--nom-radius);box-shadow:var(--nom-shadow-lg);overflow:hidden;z-index:1000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.nice-offline-media-manager__header{display:flex;align-items:center;justify-content:space-between;padding:var(--nice-space-3, 12px) var(--nice-space-4, 16px);background:var(--nom-bg-secondary);border-bottom:1px solid var(--nom-border)}.nice-offline-media-manager__title{font-size:14px;font-weight:600;color:var(--nom-text);margin:0}.nice-offline-media-manager__count{font-size:12px;color:var(--nom-text-muted);background:var(--nom-border);padding:var(--nice-space-0-5, 2px) var(--nice-space-2, 8px);border-radius:var(--nice-radius-xl, 12px)}.nice-offline-media-manager__actions{display:flex;gap:var(--nice-space-2, 8px)}.nice-offline-media-manager__btn{width:28px;height:28px;border:none;background:transparent;color:var(--nom-text-muted);cursor:pointer;border-radius:var(--nice-radius-sm, 4px);display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s}.nice-offline-media-manager__btn:hover{background:var(--nom-border);color:var(--nom-text)}.nice-offline-media-manager__list{max-height:400px;overflow-y:auto}.nice-offline-media-item{display:flex;align-items:center;gap:var(--nice-space-3, 12px);padding:var(--nice-space-3, 12px) var(--nice-space-4, 16px);border-bottom:1px solid var(--nom-border)}.nice-offline-media-item:last-child{border-bottom:none}.nice-offline-media-item__icon{width:40px;height:40px;flex-shrink:0;background:var(--nom-bg-secondary);border-radius:var(--nice-radius-md, 6px);display:flex;align-items:center;justify-content:center;color:var(--nom-text-muted)}.nice-offline-media-item__icon--image{color:var(--nom-success)}.nice-offline-media-item__icon--video{color:var(--nom-primary)}.nice-offline-media-item__icon--audio{color:var(--nom-warning)}.nice-offline-media-item__icon--document{color:var(--nice-accent, #8b5cf6)}.nice-offline-media-item__content{flex:1;min-width:0}.nice-offline-media-item__name{font-size:13px;font-weight:500;color:var(--nom-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:var(--nice-space-1, 4px)}.nice-offline-media-item__info{display:flex;align-items:center;gap:var(--nice-space-2, 8px);font-size:11px;color:var(--nom-text-muted)}.nice-offline-media-item__progress{width:100%;height:4px;background:var(--nom-border);border-radius:var(--nice-radius-sm, 2px);overflow:hidden;margin-top:var(--nice-space-1-5, 6px)}.nice-offline-media-item__progress-bar{height:100%;background:var(--nom-primary);transition:width .2s ease}.nice-offline-media-item__progress-bar--complete{background:var(--nom-success)}.nice-offline-media-item__progress-bar--failed{background:var(--nom-error)}.nice-offline-media-item__actions{display:flex;gap:var(--nice-space-1, 4px);flex-shrink:0}.nice-offline-media-item__action{width:28px;height:28px;border:none;background:transparent;color:var(--nom-text-muted);cursor:pointer;border-radius:var(--nice-radius-sm, 4px);display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s}.nice-offline-media-item__action:hover{background:var(--nom-border);color:var(--nom-text)}.nice-offline-media-item__action--cancel:hover{color:var(--nom-error)}.nice-offline-media-status{display:inline-flex;align-items:center;gap:var(--nice-space-1, 4px);padding:var(--nice-space-0-5, 2px) var(--nice-space-1-5, 6px);border-radius:var(--nice-radius-sm, 4px);font-size:10px;font-weight:500;text-transform:uppercase}.nice-offline-media-status--queued{background:var(--nice-bg-secondary, #f1f5f9);color:var(--nice-text-secondary, #64748b)}.nice-offline-media-status--downloading{background:var(--nice-primary-bg, #dbeafe);color:var(--nice-primary-hover, #2563eb)}.nice-offline-media-status--paused{background:var(--nice-warning-bg, #fef3c7);color:var(--nice-warning-dark, #d97706)}.nice-offline-media-status--completed{background:var(--nice-success-bg, #d1fae5);color:var(--nice-success, #059669)}.nice-offline-media-status--failed{background:var(--nice-danger-bg, #fee2e2);color:var(--nice-danger-dark, #dc2626)}.nice-offline-media-status--cancelled{background:var(--nice-bg-secondary, #f1f5f9);color:var(--nice-text-muted, #94a3b8)}.nice-offline-media-stats{padding:var(--nice-space-4, 16px);background:var(--nom-bg-secondary);border-radius:var(--nom-radius)}.nice-offline-media-stats__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--nice-space-3, 12px)}.nice-offline-media-stats__title{font-size:14px;font-weight:600;color:var(--nom-text);margin:0}.nice-offline-media-stats__total{font-size:12px;color:var(--nom-text-muted)}.nice-offline-media-stats__bar{height:8px;background:var(--nom-border);border-radius:var(--nice-radius-sm, 4px);overflow:hidden;margin-bottom:var(--nice-space-3, 12px)}.nice-offline-media-stats__bar-fill{height:100%;transition:width .3s ease}.nice-offline-media-stats__bar-fill--images{background:var(--nom-success)}.nice-offline-media-stats__bar-fill--videos{background:var(--nom-primary)}.nice-offline-media-stats__bar-fill--audio{background:var(--nom-warning)}.nice-offline-media-stats__bar-fill--documents{background:var(--nice-accent, #8b5cf6)}.nice-offline-media-stats__bar-fill--other{background:var(--nom-text-muted)}.nice-offline-media-stats__breakdown{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--nice-space-2, 8px)}.nice-offline-media-stats__item{display:flex;align-items:center;gap:var(--nice-space-2, 8px);font-size:12px;color:var(--nom-text)}.nice-offline-media-stats__dot{width:8px;height:8px;border-radius:var(--nice-radius-full, 50%)}.nice-offline-media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--nice-space-3, 12px);padding:var(--nice-space-4, 16px)}.nice-offline-media-card{position:relative;background:var(--nom-bg);border:1px solid var(--nom-border);border-radius:var(--nom-radius);overflow:hidden;cursor:pointer;transition:transform .2s,box-shadow .2s}.nice-offline-media-card:hover{transform:translateY(-2px);box-shadow:var(--nom-shadow-lg)}.nice-offline-media-card__thumbnail{width:100%;aspect-ratio:1;background:var(--nom-bg-secondary);display:flex;align-items:center;justify-content:center;color:var(--nom-text-muted)}.nice-offline-media-card__thumbnail img{width:100%;height:100%;object-fit:cover}.nice-offline-media-card__overlay{position:absolute;bottom:0;left:0;right:0;padding:var(--nice-space-2, 8px);background:linear-gradient(to top,var(--nice-overlay-70, rgba(0, 0, 0, .7)),transparent)}.nice-offline-media-card__name{font-size:11px;font-weight:500;color:var(--nice-bg, #FFFFFF);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nice-offline-media-card__size{font-size:10px;color:var(--nice-overlay-light-70, rgba(255, 255, 255, .7))}.nice-offline-media-card__badge{position:absolute;top:8px;right:8px;width:20px;height:20px;border-radius:var(--nice-radius-full, 50%);display:flex;align-items:center;justify-content:center;font-size:10px}.nice-offline-media-card__badge--offline{background:var(--nom-success);color:var(--nice-bg, #FFFFFF)}.nice-offline-media-player{width:100%;background:var(--nice-text, #000000);border-radius:var(--nom-radius);overflow:hidden}.nice-offline-media-player video,.nice-offline-media-player audio,.nice-offline-media-player img{width:100%;display:block}.nice-offline-media-player__controls{display:flex;align-items:center;gap:var(--nice-space-3, 12px);padding:var(--nice-space-3, 12px);background:var(--nice-overlay-80, rgba(0, 0, 0, .8))}.nice-offline-media-player__btn{width:36px;height:36px;border:none;background:var(--nice-overlay-light-10, rgba(255, 255, 255, .1));color:var(--nice-bg, #FFFFFF);cursor:pointer;border-radius:var(--nice-radius-full, 50%);display:flex;align-items:center;justify-content:center;transition:background .2s}.nice-offline-media-player__btn:hover{background:var(--nice-overlay-light-20, rgba(255, 255, 255, .2))}.nice-offline-media-player__timeline{flex:1;height:4px;background:var(--nice-overlay-light-20, rgba(255, 255, 255, .2));border-radius:var(--nice-radius-sm, 2px);cursor:pointer;position:relative}.nice-offline-media-player__progress{height:100%;background:var(--nom-primary);border-radius:var(--nice-radius-sm, 2px);position:relative}.nice-offline-media-player__time{font-size:12px;color:var(--nice-overlay-light-70, rgba(255, 255, 255, .7));min-width:40px;text-align:center}.nice-offline-media-indicator{position:fixed;bottom:20px;right:20px;display:flex;align-items:center;gap:var(--nice-space-2, 8px);padding:var(--nice-space-2, 8px) var(--nice-space-4, 16px);background:var(--nom-bg);border:1px solid var(--nom-border);border-radius:var(--nice-radius-xl, 20px);box-shadow:var(--nom-shadow);cursor:pointer;z-index:999;transition:transform .2s}.nice-offline-media-indicator:hover{transform:scale(1.05)}.nice-offline-media-indicator__icon{width:20px;height:20px;color:var(--nom-primary);animation:nom-pulse 2s infinite}.nice-offline-media-indicator__text{font-size:12px;font-weight:500;color:var(--nom-text)}@keyframes nom-pulse{0%,to{opacity:1}50%{opacity:.5}}.nice-offline-media-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--nice-space-10, 40px) var(--nice-space-5, 20px);text-align:center}.nice-offline-media-empty__icon{width:48px;height:48px;color:var(--nom-text-muted);margin-bottom:var(--nice-space-3, 12px)}.nice-offline-media-empty__title{font-size:14px;font-weight:500;color:var(--nom-text);margin:0 0 var(--nice-space-1, 4px) 0}.nice-offline-media-empty__text{font-size:12px;color:var(--nom-text-muted);margin:0}@media (max-width: 480px){.nice-offline-media-manager{left:10px;right:10px;bottom:10px;width:auto}.nice-offline-media-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:var(--nice-space-2, 8px);padding:var(--nice-space-3, 12px)}.nice-offline-media-indicator{left:50%;transform:translate(-50%);right:auto}.nice-offline-media-indicator:hover{transform:translate(-50%) scale(1.05)}}@keyframes nom-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.nice-offline-media-manager{animation:nom-slide-up .3s ease}.nice-offline-media-item{animation:nom-fade-in .2s ease}@keyframes nom-fade-in{0%{opacity:0}to{opacity:1}}.nice-sw-notification{position:fixed;z-index:10000;padding:var(--nice-space-4, 16px);pointer-events:auto}.nice-sw-notification--top{top:16px;left:50%;transform:translate(-50%)}.nice-sw-notification--bottom{bottom:16px;left:50%;transform:translate(-50%)}.nice-sw-notification--top-left{top:16px;left:16px}.nice-sw-notification--top-right{top:16px;right:16px}.nice-sw-notification--bottom-left{bottom:16px;left:16px}.nice-sw-notification--bottom-right{bottom:16px;right:16px}.nice-sw-notification__content{display:flex;align-items:center;gap:var(--nice-space-3, 12px);padding:var(--nice-space-4, 16px) var(--nice-space-5, 20px);background:var(--nice-sw-notification-bg, #ffffff);border:1px solid var(--nice-sw-notification-border, #e0e0e0);border-radius:var(--nice-radius-xl, 12px);box-shadow:0 4px 20px var(--nice-overlay-15, rgba(0, 0, 0, .15));animation:nice-sw-slide-in .3s ease-out}@keyframes nice-sw-slide-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.nice-sw-notification__icon{font-size:24px;flex-shrink:0}.nice-sw-notification__text{display:flex;flex-direction:column;gap:var(--nice-space-0-5, 2px)}.nice-sw-notification__text strong{font-size:14px;font-weight:600;color:var(--nice-sw-notification-title-color, #1a1a1a)}.nice-sw-notification__text span{font-size:13px;color:var(--nice-sw-notification-text-color, #666666)}.nice-sw-notification__actions{display:flex;gap:var(--nice-space-2, 8px);margin-left:var(--nice-space-3, 12px)}.nice-sw-notification__btn{padding:var(--nice-space-2, 8px) var(--nice-space-4, 16px);border:none;border-radius:var(--nice-radius-md, 6px);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.nice-sw-notification__btn--primary{background:var(--nice-sw-btn-primary-bg, #2563eb);color:var(--nice-sw-btn-primary-color, #ffffff)}.nice-sw-notification__btn--primary:hover{background:var(--nice-sw-btn-primary-bg-hover, #1d4ed8)}.nice-sw-notification__btn--secondary{background:var(--nice-sw-btn-secondary-bg, #f3f4f6);color:var(--nice-sw-btn-secondary-color, #374151)}.nice-sw-notification__btn--secondary:hover{background:var(--nice-sw-btn-secondary-bg-hover, #e5e7eb)}.nice-sw-offline{position:fixed;z-index:10001;padding:var(--nice-space-2, 8px)}.nice-sw-offline__content{display:flex;align-items:center;gap:var(--nice-space-2, 8px);padding:var(--nice-space-2-5, 10px) var(--nice-space-4, 16px);background:var(--nice-sw-offline-bg, #fef2f2);border:1px solid var(--nice-sw-offline-border, #fecaca);border-radius:var(--nice-radius-lg, 8px);color:var(--nice-sw-offline-color, #991b1b);font-size:13px;font-weight:500;animation:nice-sw-offline-pulse 2s ease-in-out infinite}@keyframes nice-sw-offline-pulse{0%,to{opacity:1}50%{opacity:.7}}.nice-sw-offline__icon{font-size:16px}@media (prefers-color-scheme: dark){.nice-sw-notification__content{--nice-sw-notification-bg: #1f2937;--nice-sw-notification-border: #374151;--nice-sw-notification-title-color: #f9fafb;--nice-sw-notification-text-color: #9ca3af}.nice-sw-notification__btn--secondary{--nice-sw-btn-secondary-bg: #374151;--nice-sw-btn-secondary-color: #f9fafb;--nice-sw-btn-secondary-bg-hover: #4b5563}.nice-sw-offline__content{--nice-sw-offline-bg: #450a0a;--nice-sw-offline-border: #7f1d1d;--nice-sw-offline-color: #fca5a5}}@media (max-width: 480px){.nice-sw-notification--top,.nice-sw-notification--bottom{left:16px;right:16px;transform:none}.nice-sw-notification__content{flex-wrap:wrap}.nice-sw-notification__actions{width:100%;margin-left:0;margin-top:var(--nice-space-3, 12px);justify-content:flex-end}}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nice2dev/ui-platform",
3
- "version": "1.0.12",
3
+ "version": "1.0.14",
4
4
  "description": "Nice2Dev UI Platform - Embedded, hardware (barcode/QR scanners), and offline-first React components: KioskMode, ServiceWorker, IndexedDB, BarcodeScanner, OfflineForms and more",
5
5
  "type": "module",
6
6
  "sideEffects": [