@import"https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600;700&display=swap";:root{--color-primary: #d4af37;--color-primary-hover: #c4a032;--color-primary-light: rgba(212, 175, 55, .18);--color-primary-ink: #14120e;--color-link: #8c6e1f;--color-link-hover: #6f5618;--color-success: #28a745;--color-success-bg: #d4edda;--color-success-text: #155724;--color-success-border: #c3e6cb;--color-warning: #e6a817;--color-warning-bg: #fff3cd;--color-warning-text: #856404;--color-warning-border: #ffeaa7;--color-danger: #dc3545;--color-danger-hover: #c82333;--color-danger-bg: #f8d7da;--color-danger-text: #721c24;--color-danger-border: #f5c6cb;--color-info: #1976d2;--color-info-bg: #e3f2fd;--color-info-text: #1976d2;--color-info-border: #90caf9;--color-purple: #7b1fa2;--color-purple-bg: #f3e5f5;--color-orange: #f57c00;--color-orange-bg: #fff3e0;--gray-900: #14120e;--gray-700: #3d3830;--gray-500: #6f675c;--gray-300: #e0d8c8;--gray-200: #ebe4d6;--gray-100: #f6f3ec;--white: #fffcf7;--font-family: "Geist", sans-serif;--text-xs: 12px;--text-sm: 14px;--text-base: 16px;--text-lg: 18px;--text-xl: 24px;--text-2xl: 32px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(20, 18, 14, .06);--shadow-md: 0 10px 28px rgba(20, 18, 14, .08);--shadow-lg: 0 16px 40px rgba(20, 18, 14, .12);--shadow-xl: 0 24px 48px rgba(20, 18, 14, .16);--shadow-focus: 0 0 0 3px rgba(212, 175, 55, .45);--shadow-focus-danger: 0 0 0 3px rgba(220, 53, 69, .25);--overlay-backdrop: rgba(0, 0, 0, .5);--sidebar-width: 240px;--drawer-width: 280px;--topbar-height: 56px;--page-max-width: 1200px;--page-narrow-max-width: 720px;--page-auth-max-width: 480px;--modal-width-sm: 400px;--modal-width: 560px;--modal-width-lg: 720px;--touch-target: 44px;--z-sidebar: 50;--z-dropdown: 100;--z-sticky: 200;--z-overlay: 500;--z-modal: 600;--z-drawer: 700;--z-toast: 900;--transition-fast: .16s cubic-bezier(.2, .8, .2, 1);--transition-base: .22s cubic-bezier(.2, .8, .2, 1);--transition-slow: .42s cubic-bezier(.2, .8, .2, 1);--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-right: env(safe-area-inset-right, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--safe-area-left: env(safe-area-inset-left, 0px)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;width:100%}html{font-family:var(--font-family)}body{font-family:var(--font-family);font-size:var(--text-sm);font-weight:400;line-height:20px;color:var(--gray-900);background:var(--gray-100);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:var(--safe-area-top) var(--safe-area-right) var(--safe-area-bottom) var(--safe-area-left)}h1,h2,h3,h4,h5,h6,label,input,button,textarea,select,option{font-family:var(--font-family)}input,button,textarea,select{font:inherit;font-family:var(--font-family)}img,svg{display:block;max-width:100%}a{color:var(--color-primary);text-decoration:none}a:hover{color:var(--color-primary-hover);text-decoration:underline}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-5);font-family:var(--font-family);font-size:var(--text-sm);font-weight:500;line-height:20px;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;white-space:nowrap;text-decoration:none;transition:background-color var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base),color var(--transition-base)}.btn:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-primary{background:var(--color-primary);color:var(--white)}.btn-primary:hover,.btn-primary:active{background:var(--color-primary-hover)}.btn-secondary{background:var(--white);border-color:var(--gray-300);color:var(--gray-700)}.btn-secondary:hover{background:var(--gray-100)}.btn-secondary:active{background:var(--gray-200)}.btn-danger{background:var(--color-danger);color:var(--white)}.btn-danger:hover,.btn-danger:active{background:var(--color-danger-hover)}.btn-ghost{background:transparent;color:var(--gray-500)}.btn-ghost:hover{background:var(--gray-100);color:var(--gray-700)}.btn-ghost:active{background:var(--gray-200)}.btn-sm{padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}.btn-lg{padding:var(--space-3) var(--space-6);font-size:var(--text-base)}.btn-icon{padding:var(--space-2);line-height:1}.btn-icon.btn-sm{padding:var(--space-1)}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-label{font-size:var(--text-sm);font-weight:500;color:var(--gray-700)}.form-required{color:var(--color-danger);margin-left:2px}.form-hint{font-size:var(--text-xs);color:var(--gray-500)}.form-error{font-size:var(--text-xs);color:var(--color-danger)}.form-row{display:flex;gap:var(--space-5)}.form-row>.form-group{flex:1;min-width:0}@media(max-width:768px){.form-row{flex-direction:column;gap:var(--space-4)}}.input{width:100%;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:400;color:var(--gray-900);background:var(--white);border:1px solid var(--gray-300);border-radius:var(--radius-md);line-height:20px;transition:border-color var(--transition-base),box-shadow var(--transition-base)}.input::placeholder{color:var(--gray-500)}.input:hover:not(:disabled):not(:focus){border-color:var(--gray-500)}.input:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--shadow-focus)}.input:disabled{background:var(--gray-100);color:var(--gray-500);cursor:not-allowed}.input.input-error{border-color:var(--color-danger)}.input.input-error:focus{box-shadow:var(--shadow-focus-danger)}select.input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236c757d' d='M2 4l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;padding-right:var(--space-8);cursor:pointer}select.input:disabled{cursor:not-allowed}textarea.input{resize:vertical;min-height:100px;line-height:20px}.search-field{position:relative;width:100%;max-width:400px}.search-icon{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);color:var(--gray-500);pointer-events:none;width:16px;height:16px}.search-field .input{padding-left:var(--space-10)}.checkbox{display:inline-flex;align-items:center;gap:var(--space-2);cursor:pointer}.checkbox input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-primary);cursor:pointer;flex-shrink:0}.checkbox input[type=checkbox]:focus-visible{outline:none;box-shadow:var(--shadow-focus);border-radius:var(--radius-sm)}.checkbox-label{font-size:var(--text-sm);font-weight:400;color:var(--gray-700);-webkit-user-select:none;user-select:none}.radio-group{display:flex;flex-direction:column;gap:var(--space-3);border:none;padding:0;margin:0}.radio-group legend{margin-bottom:var(--space-2)}.radio{display:inline-flex;align-items:center;gap:var(--space-2);cursor:pointer}.radio input[type=radio]{width:18px;height:18px;accent-color:var(--color-primary);cursor:pointer;flex-shrink:0}.radio input[type=radio]:focus-visible{outline:none;box-shadow:var(--shadow-focus);border-radius:var(--radius-full)}.radio-label{font-size:var(--text-sm);font-weight:400;color:var(--gray-700);-webkit-user-select:none;user-select:none}.toggle-wrap{display:inline-flex;align-items:center;gap:var(--space-3);cursor:pointer}.toggle{position:relative;display:inline-block;width:48px;height:24px;flex-shrink:0}.toggle input{opacity:0;width:0;height:0;position:absolute}.toggle-slider{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--gray-300);border-radius:var(--radius-full);cursor:pointer;transition:background-color var(--transition-base)}.toggle-slider:before{content:"";position:absolute;width:18px;height:18px;left:3px;bottom:3px;background:var(--white);border-radius:var(--radius-full);transition:transform var(--transition-base);box-shadow:0 1px 2px #0000001a}.toggle input:checked+.toggle-slider{background:var(--color-primary)}.toggle input:checked+.toggle-slider:before{transform:translate(24px)}.toggle input:focus-visible+.toggle-slider{box-shadow:var(--shadow-focus)}.toggle-text{font-size:var(--text-sm);font-weight:500;color:var(--gray-700);-webkit-user-select:none;user-select:none}.card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.card-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--gray-200);background:var(--gray-100);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.card-header h3{font-size:var(--text-lg);font-weight:600;color:var(--gray-900);margin:0}.card-body{padding:var(--space-5)}.card-footer{display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-top:1px solid var(--gray-200)}.card-clickable{cursor:pointer;transition:box-shadow var(--transition-base),border-color var(--transition-base)}.card-clickable:hover{box-shadow:var(--shadow-md);border-color:var(--gray-300)}.card-clickable:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.table-container{width:100%;overflow-x:auto;border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:var(--white)}.click-row{cursor:pointer}.click-row td{transition:background-color var(--transition-fast),box-shadow var(--transition-fast)}.click-row:hover td{background:var(--color-primary-light)}.click-row:hover td:first-child{box-shadow:inset 3px 0 0 var(--color-primary)}.copy-field{display:inline-flex;align-items:center;gap:2px;max-width:100%}.webhook-url{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.copy-button{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--gray-500);cursor:pointer}.copy-button .icon{width:12px;height:12px}.copy-button:hover{background:var(--gray-200);color:var(--gray-700)}.copy-button.is-copied{color:var(--color-success)}.order-toast{position:fixed;left:50%;top:var(--space-6);transform:translate(-50%);z-index:900;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--color-primary-ink);color:var(--white);font-size:var(--text-sm);box-shadow:var(--shadow-lg);animation:order-toast-in .28s ease-out}@keyframes order-toast-in{0%{opacity:0;transform:translate(-50%) translateY(-12px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.copy-toast{position:fixed;left:50%;bottom:var(--space-6);transform:translate(-50%);z-index:900;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--color-primary-ink);color:var(--white);font-size:var(--text-sm);box-shadow:var(--shadow-lg)}table{width:100%;border-collapse:collapse}thead th{padding:var(--space-3) var(--space-4);text-align:left;font-size:var(--text-xs);font-weight:600;color:var(--color-primary-ink);background:var(--color-primary);border-bottom:none;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}tbody td{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--gray-900);background:var(--white);border-bottom:1px solid var(--gray-200);vertical-align:middle}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:var(--gray-100)}tbody tr.row-clickable{cursor:pointer}tbody tr.row-clickable:active{background:var(--gray-200)}@media(max-width:768px){thead th,tbody td{padding:var(--space-2) var(--space-3)}}.list{display:flex;flex-direction:column;gap:0;border:1px solid var(--gray-200);border-radius:var(--radius-lg);overflow:hidden}.list-item{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:var(--white);border-bottom:1px solid var(--gray-200);transition:background-color var(--transition-fast)}.list-item:last-child{border-bottom:none}.list-item:hover{background:var(--gray-100)}.list-item-content{flex:1;min-width:0}.list-item-actions{flex-shrink:0;display:flex;gap:var(--space-2)}.badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:500;line-height:1;border-radius:var(--radius-xl);white-space:nowrap}.badge-success{background:var(--color-success-bg);color:var(--color-success-text)}.badge-warning{background:var(--color-warning-bg);color:var(--color-warning-text)}.badge-danger{background:var(--color-danger-bg);color:var(--color-danger-text)}.badge-info{background:var(--color-info-bg);color:var(--color-info-text)}.badge-neutral{background:var(--gray-200);color:var(--gray-700)}.badge-purple{background:var(--color-purple-bg);color:var(--color-purple)}.badge-orange{background:var(--color-orange-bg);color:var(--color-orange)}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-1);padding:var(--space-5) 0}.page-btn{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 var(--space-2);border:1px solid var(--gray-300);background:var(--white);color:var(--gray-700);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast)}.page-btn:hover:not(:disabled):not(.active){background:var(--gray-100);border-color:var(--gray-500)}.page-btn.active{background:var(--color-primary);color:var(--white);border-color:var(--color-primary);cursor:default}.page-btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.page-btn:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.alert{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);line-height:20px;border:1px solid}.alert-success{background:var(--color-success-bg);color:var(--color-success-text);border-color:var(--color-success-border)}.alert-warning{background:var(--color-warning-bg);color:var(--color-warning-text);border-color:var(--color-warning-border)}.alert-danger{background:var(--color-danger-bg);color:var(--color-danger-text);border-color:var(--color-danger-border)}.alert-info{background:var(--color-info-bg);color:var(--color-info-text);border-color:var(--color-info-border)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay-backdrop);display:flex;align-items:center;justify-content:center;z-index:800;padding:calc(var(--space-5) + var(--safe-area-top)) calc(var(--space-5) + var(--safe-area-right)) calc(var(--space-5) + var(--safe-area-bottom)) calc(var(--space-5) + var(--safe-area-left))}.modal{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:var(--modal-width);max-height:90vh;display:flex;flex-direction:column;overflow:hidden;z-index:var(--z-modal)}.modal-sm{max-width:var(--modal-width-sm)}.modal-lg{max-width:var(--modal-width-lg)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--gray-200);flex-shrink:0}.modal-header h2{font-size:var(--text-lg);font-weight:600;color:var(--gray-900);margin:0}.modal-body{padding:var(--space-6);overflow-y:auto;flex:1}.modal-footer{display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--gray-200);flex-shrink:0}.modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:none;border-radius:var(--radius-md);color:var(--gray-500);cursor:pointer;flex-shrink:0;transition:background-color var(--transition-fast),color var(--transition-fast)}.modal-close:hover{background:var(--gray-100);color:var(--gray-700)}.modal-close:focus-visible{outline:none;box-shadow:var(--shadow-focus)}@media(max-width:768px){.modal{max-width:95vw;margin:var(--space-2)}}.state-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-10);color:var(--gray-500);gap:var(--space-3)}.spinner{width:32px;height:32px;border:3px solid var(--gray-200);border-top-color:var(--color-primary);border-radius:var(--radius-full);animation:spin .8s linear infinite}.spinner-sm{width:16px;height:16px;border-width:2px}@keyframes spin{to{transform:rotate(360deg)}}.state-empty{text-align:center;padding:var(--space-12) var(--space-5)}.state-empty-title{font-size:var(--text-base);font-weight:500;color:var(--gray-700);margin:0 0 var(--space-2) 0}.state-empty-hint{font-size:var(--text-sm);color:var(--gray-500);margin:0}.state-error{text-align:center;padding:var(--space-12) var(--space-5)}.state-error-title{font-size:var(--text-base);font-weight:500;color:var(--color-danger);margin:0 0 var(--space-2) 0}.state-error-hint{font-size:var(--text-sm);color:var(--gray-500);margin:0 0 var(--space-5) 0}#app{min-height:100%}.page{padding:var(--space-10);max-width:var(--page-max-width);margin:0 auto}.page-narrow{max-width:var(--page-narrow-max-width)}.page-auth{max-width:var(--page-auth-max-width)}.page-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-6)}.page-header h1{font-size:var(--text-2xl);font-weight:700;color:var(--gray-900);margin:0}.page-header-actions{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}.page-toolbar{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-5);flex-wrap:wrap}.page-content{display:flex;flex-direction:column;gap:var(--space-5)}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3)}.section-heading h2{margin:0;font-size:var(--text-lg);font-weight:600;color:var(--gray-900)}.card>.section-heading{padding:var(--space-5) var(--space-5) 0;margin-bottom:0}.link-card{border-top:3px solid var(--color-primary)}.link-card .section-heading{align-items:flex-start}.link-card .card-body{display:flex;flex-direction:column;gap:var(--space-3)}.Vue-Toastification__toast{font-family:var(--font-family);font-size:var(--text-sm);border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.Vue-Toastification__toast--success{background-color:var(--color-success)}.Vue-Toastification__toast--error{background-color:var(--color-danger)}.Vue-Toastification__toast--warning{background-color:var(--color-warning)}.Vue-Toastification__toast--info{background-color:var(--color-info)}@media(max-width:768px){.btn{min-height:var(--touch-target);padding:var(--space-3) var(--space-5)}.btn-icon{min-width:var(--touch-target);min-height:var(--touch-target)}.input,select.input,textarea.input{min-height:var(--touch-target)}.page-btn{min-width:var(--touch-target);height:var(--touch-target)}.page{padding:var(--space-4)}.page-header{flex-direction:column;align-items:flex-start}.page-header-actions{width:100%}.page-toolbar{flex-direction:column}.page-toolbar>*{width:100%}.page-toolbar .search-field{max-width:none}.card-body{padding:var(--space-4)}.list-item{padding:var(--space-3) var(--space-4)}}.app-layout{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);flex-shrink:0;display:flex;flex-direction:column;background:var(--white);border-right:1px solid var(--gray-200);position:fixed;top:0;left:0;bottom:0;z-index:var(--z-sidebar);overflow-y:auto}.sidebar-brand{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-5);border-bottom:1px solid var(--gray-200);text-decoration:none}.sidebar-brand:hover{text-decoration:none}.brand-logo{height:40px;width:auto;max-width:168px;object-fit:contain}.sidebar-brand-text{font-size:var(--text-lg);font-weight:700;color:var(--gray-900)}.shop-picker{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3) var(--space-3) 0;font-size:var(--text-xs);font-weight:600;color:var(--gray-500)}.shop-picker .input{width:100%}.sidebar-nav{flex:1;padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-1)}.sidebar-link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:500;color:var(--gray-500);text-decoration:none;border-radius:var(--radius-md);transition:color var(--transition-base),background-color var(--transition-base),transform var(--transition-base)}.sidebar-link:hover{color:var(--gray-900);background:var(--color-primary-light);text-decoration:none;transform:translate(3px)}.sidebar-link.router-link-active{color:var(--gray-900);background:var(--color-primary-light);box-shadow:inset 3px 0 0 var(--color-primary)}.icon{width:20px;height:20px;flex-shrink:0}.sidebar-footer{padding:var(--space-4);border-top:1px solid var(--gray-200);display:flex;flex-direction:column;gap:var(--space-3)}.sidebar-user{font-size:var(--text-xs);color:var(--gray-500);word-break:break-word}.app-main{flex:1;margin-left:var(--sidebar-width);min-height:100vh;min-width:0;background:var(--gray-100)}.mobile-topbar{display:none;align-items:center;justify-content:space-between;height:var(--topbar-height);padding:0 var(--space-4);background:var(--white);border-bottom:1px solid var(--gray-200);box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:var(--z-sticky)}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay-backdrop);z-index:var(--z-overlay)}.drawer{position:fixed;top:0;left:0;bottom:0;width:var(--drawer-width);background:var(--white);z-index:var(--z-drawer);overflow-y:auto;display:flex;flex-direction:column}.page-header{align-items:flex-start}.page-intro{margin-top:var(--space-2);font-size:var(--text-sm);color:var(--gray-500);line-height:20px}.page-header-actions .btn,a.btn:hover{text-decoration:none}.breadcrumb{margin-bottom:var(--space-4)}.breadcrumb ol{display:flex;align-items:center;gap:var(--space-2);list-style:none;padding:0;margin:0;font-size:var(--text-sm)}.breadcrumb li{display:flex;align-items:center;gap:var(--space-2)}.breadcrumb li+li:before{content:"/";color:var(--gray-500)}.breadcrumb a{color:var(--gray-500);text-decoration:none;font-weight:400}.breadcrumb a:hover{color:var(--color-primary);text-decoration:underline}.breadcrumb [aria-current=page]{color:var(--gray-900);font-weight:500}.tab-list{display:flex;gap:var(--space-1);border-bottom:2px solid var(--gray-200);padding:0;margin:0 0 var(--space-5);overflow-x:auto}.tab{padding:var(--space-3) var(--space-5);font-size:var(--text-sm);font-weight:500;color:var(--gray-500);background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;cursor:pointer;white-space:nowrap;transition:color var(--transition-base),border-color var(--transition-base)}.tab:hover{color:var(--gray-700)}.tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.tab:focus-visible{outline:none;box-shadow:var(--shadow-focus);border-radius:var(--radius-sm)}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5)}.stat-label{font-size:var(--text-sm);font-weight:500;color:var(--gray-500)}.stat-value{margin-top:var(--space-2);font-size:var(--text-xl);font-weight:600;line-height:32px;color:var(--gray-900)}.order-pip{display:inline-block;width:8px;height:8px;margin-left:8px;border-radius:50%;background:var(--color-primary);vertical-align:middle;animation:order-flash .45s ease-in-out 3}@keyframes order-flash{0%,to{opacity:1}50%{opacity:.15}}.stat-delta{margin-top:var(--space-1);font-size:var(--text-xs);color:var(--gray-700)}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6)}.health-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6);align-items:start}.speech-tally{display:flex;flex-wrap:wrap;gap:var(--space-4);margin-bottom:var(--space-4)}.speech-tally p{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:600;color:var(--gray-900)}.disclosure-stack{display:flex;flex-direction:column;gap:var(--space-3)}.disclosure-toggle{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-4) var(--space-5);border:0;background:transparent;color:var(--gray-900);font-size:var(--text-base);font-weight:600;text-align:left;cursor:pointer}.disclosure-chevron{transition:transform var(--transition-fast)}.disclosure-chevron.is-open{transform:rotate(90deg)}.source-list{display:flex;flex-direction:column;gap:var(--space-3)}.source-card{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);padding:var(--space-4);border:1px solid var(--gray-200);border-radius:var(--radius-md);background:var(--white)}.source-card-actions{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-2)}.camera-title{display:flex;align-items:center;gap:var(--space-2)}.camera-title .list-item-title{margin:0}.playback-row{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.playback-row .input{width:auto;min-width:220px}.source-actions,.empty-create{margin-top:var(--space-4)}.empty-create{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-3)}.try-result{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--gray-200)}.shop-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-5)}a.card,a.card:hover{color:inherit;text-decoration:none}.chart-scroll{overflow-x:auto}.day-section{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-6) 0 var(--space-5)}.day-chart-wrap{width:100%;overflow:hidden}.day-chart{display:block;width:100%;height:auto;font-family:var(--font-family)}.day-grid{stroke:var(--gray-200);stroke-width:1}.day-tick{fill:var(--gray-500);font-size:13px}.day-bar{fill:var(--color-primary)}.day-count{fill:var(--gray-900);font-size:14px;font-weight:600}.day-hour{fill:var(--gray-700);font-size:13px;font-weight:600}.day-in{fill:var(--color-link);font-size:10px}.day-out{fill:var(--gray-500);font-size:10px}.day-line{fill:none;stroke:var(--gray-900);stroke-width:2.5}.day-subhead{margin:var(--space-2) 0 0;font-size:var(--text-sm);font-weight:600}.door-totals{display:flex;flex-wrap:wrap;gap:var(--space-4);margin:0;font-size:var(--text-sm);font-weight:600}.day-door{font-size:13px;font-weight:600}.crossing-table{max-height:520px;overflow:auto}.crossing-table thead th{position:sticky;top:0;z-index:1}.crossing-table td:not(:first-child),.crossing-table th:not(:first-child){text-align:right}.drive-table{max-height:520px;overflow:auto}.drive-table thead th{position:sticky;top:0;z-index:1}.settings-import{display:flex;flex-direction:column;gap:var(--space-3)}.settings-week,.settings-menu{margin:0;padding:0;list-style:none}.settings-week li{display:flex;justify-content:space-between;gap:var(--space-4);padding:var(--space-2) 0;border-bottom:1px solid var(--gray-200);font-size:var(--text-sm)}.settings-menu{max-height:240px;overflow:auto;columns:2;font-size:var(--text-sm)}.settings-menu li{break-inside:avoid;padding:var(--space-1) 0}.hours-editor{display:flex;flex-direction:column;gap:var(--space-3)}.hours-row{display:grid;grid-template-columns:7.5rem 6.5rem minmax(0,1fr) minmax(0,1fr);gap:var(--space-3);align-items:center}.hours-day{font-size:var(--text-sm);font-weight:600}.lane-main-in{fill:var(--color-link);color:var(--color-link)}.lane-main-total{fill:var(--color-primary-ink);color:var(--color-primary-ink)}.lane-main-out{fill:var(--gray-700);color:var(--gray-700)}.lane-side-in{fill:var(--color-info);color:var(--color-info)}.lane-side-total{fill:var(--color-primary);color:var(--color-primary)}.lane-side-out{fill:var(--color-danger);color:var(--color-danger)}.chart-legend{display:flex;gap:var(--space-4);margin-bottom:var(--space-4);font-size:var(--text-xs);color:var(--gray-700)}.swatch{display:inline-block;width:var(--space-3);height:var(--space-3);margin-right:var(--space-2);border-radius:var(--radius-sm);vertical-align:-2px}.swatch-today{background:var(--color-primary)}.swatch-yesterday{background:var(--gray-300)}.hour-chart{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--space-2);min-width:360px}.hour-track{height:calc(var(--space-16) * 2);display:flex;align-items:flex-end;justify-content:center;gap:var(--space-1)}.hour-chart.is-compact .hour-track{height:var(--space-12)}.hour-bar{width:var(--space-2);border-radius:var(--radius-sm) var(--radius-sm) 0 0;background:var(--gray-300);transform-origin:center bottom;animation:bar-rise .56s cubic-bezier(.2,.8,.2,1) both}.hour-bar.is-today{background:var(--color-primary)}.hour-col:nth-child(2) .hour-bar{animation-delay:40ms}.hour-col:nth-child(3) .hour-bar{animation-delay:80ms}.hour-col:nth-child(4) .hour-bar{animation-delay:.12s}.hour-col:nth-child(5) .hour-bar{animation-delay:.16s}.hour-col:nth-child(6) .hour-bar{animation-delay:.2s}.hour-col:nth-child(7) .hour-bar{animation-delay:.24s}.hour-col:nth-child(8) .hour-bar{animation-delay:.28s}.hour-col:nth-child(9) .hour-bar{animation-delay:.32s}.hour-col:nth-child(10) .hour-bar{animation-delay:.36s}.hour-col:nth-child(11) .hour-bar{animation-delay:.4s}.hour-col:nth-child(12) .hour-bar{animation-delay:.44s}.hour-label{display:block;margin-top:var(--space-2);text-align:center;font-size:var(--text-xs);color:var(--gray-500)}.hour-chart.is-compact .hour-label{display:none}.heatmap-list{display:flex;flex-wrap:wrap;gap:var(--space-5)}.heatmap-shot{width:min(100%,360px);margin:0}.heatmap-shot figcaption{margin-top:var(--space-2);font-size:var(--text-sm);color:var(--gray-700)}.heatmap-frame{position:relative;background:var(--gray-900);border-radius:var(--radius-md);overflow:hidden}.heatmap-frame:not(.has-still){aspect-ratio:16 / 9}.heatmap-still{display:block;width:100%;height:auto}.heatmap-paint{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.queue-frame{display:block;width:min(100%,480px);height:auto;aspect-ratio:16 / 9;background:var(--gray-100);border:1px solid var(--gray-300);border-radius:var(--radius-lg);touch-action:none;cursor:crosshair}.queue-frame line{stroke:var(--color-primary);stroke-width:3px}.chart-caption{margin-top:var(--space-3);font-size:var(--text-xs);color:var(--gray-500)}.form-stack{display:flex;flex-direction:column;gap:var(--space-4)}.guest-shell{min-height:100vh;background:var(--gray-100);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-4)}.guest-brand{margin-bottom:var(--space-6);text-align:center}.guest-brand .brand-logo{height:48px;margin:0 auto var(--space-3)}.guest-brand-text{font-size:var(--text-xl);font-weight:700;color:var(--gray-900)}.guest-content{width:100%;max-width:var(--page-auth-max-width)}.quote{margin-top:var(--space-2);font-size:var(--text-sm);line-height:20px;color:var(--gray-900)}.quote mark{background:var(--color-primary-light);color:var(--color-primary-ink);border-radius:var(--radius-sm);padding:0 2px;font-weight:600;box-shadow:inset 0 -2px 0 var(--color-primary)}.quote-sentiment{margin-top:var(--space-2)}.list-item-title{font-size:var(--text-sm);font-weight:500;color:var(--gray-900)}.section-label{display:flex;align-items:center;gap:var(--space-2)}@media(max-width:1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:1024px){.two-col,.health-grid{grid-template-columns:1fr}}@media(max-width:768px){.mobile-topbar{display:flex}.sidebar{display:none}.app-main{margin-left:0}.stats-grid{grid-template-columns:1fr}.page-header-actions,.page-header-actions .btn{width:100%}}@keyframes rise-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes bar-rise{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes rule-draw{0%{transform:scaleX(0)}to{transform:scaleX(1)}}a{color:var(--color-link);transition:color var(--transition-fast)}a:hover{color:var(--color-link-hover)}.page{animation:rise-in .48s cubic-bezier(.2,.8,.2,1) both}.page-content>*{animation:rise-in .52s cubic-bezier(.2,.8,.2,1) both}.page-content>*:nth-child(2){animation-delay:60ms}.page-content>*:nth-child(3){animation-delay:.11s}.page-content>*:nth-child(4){animation-delay:.16s}.page-content>*:nth-child(5){animation-delay:.21s}.page-header h1:after{content:"";display:block;width:48px;height:3px;margin-top:var(--space-3);border-radius:var(--radius-full);background:var(--color-primary);transform-origin:left center;animation:rule-draw .48s cubic-bezier(.2,.8,.2,1) both}.brand-logo{transition:transform var(--transition-base)}.sidebar-brand:hover .brand-logo,.guest-brand:hover .brand-logo{transform:translateY(-2px)}.btn{transition:background-color var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base),color var(--transition-base),transform var(--transition-base)}.btn-primary,.btn-primary:hover,.btn-primary:active{color:var(--color-primary-ink)}.btn-primary:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn:active{transform:translateY(0) scale(.98)}.btn-secondary:hover,.btn-ghost:hover{border-color:var(--color-primary);color:var(--color-primary-ink)}.card{transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base)}.card-clickable:hover{transform:translateY(-4px);border-color:var(--color-primary);box-shadow:var(--shadow-md)}.list-item{transition:background-color var(--transition-fast)}.list-item:hover{background:var(--color-primary-light)}.tab.active{color:var(--color-primary-ink);border-bottom-color:var(--color-primary)}.tab:hover{color:var(--color-primary-ink)}.guest-content{animation:rise-in .52s cubic-bezier(.2,.8,.2,1) both}tbody tr{transition:background-color var(--transition-fast)}