:root{--color-primary: #364C11;--color-primary-rgb: 54, 76, 17;--color-primary-light: #4A6A18;--color-primary-lighter: #5C8220;--color-primary-dark: #283A0D;--color-primary-surface: rgba(54, 76, 17, .06);--color-primary-surface-hover: rgba(54, 76, 17, .1);--color-accent: #C9A227;--color-accent-rgb: 201, 162, 39;--color-accent-light: #D4B445;--color-accent-dark: #A8871F;--color-accent-surface: rgba(201, 162, 39, .08);--color-bg: #F8F7F2;--color-bg-rgb: 248, 247, 242;--color-surface: #FFFFFF;--color-surface-hover: #FAFAF8;--color-surface-active: #F5F5F0;--color-surface-elevated: #FFFFFF;--color-text: #1A1A1A;--color-text-secondary: #6B7280;--color-text-tertiary: #9CA3AF;--color-text-inverse: #FFFFFF;--color-text-on-primary: #FFFFFF;--color-border: #E8E8E3;--color-border-light: #F0F0EB;--color-border-focus: var(--color-primary);--color-success: #16A34A;--color-success-surface: rgba(22, 163, 74, .08);--color-warning: #F59E0B;--color-warning-surface: rgba(245, 158, 11, .08);--color-danger: #DC2626;--color-danger-surface: rgba(220, 38, 38, .08);--color-info: #2563EB;--color-info-surface: rgba(37, 99, 235, .08);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "SF Mono", "Fira Code", "Fira Mono", monospace;--text-xs: .6875rem;--text-sm: .8125rem;--text-base: .875rem;--text-md: .9375rem;--text-lg: 1.0625rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--leading-tight: 1.2;--leading-normal: 1.5;--leading-relaxed: 1.65;--tracking-tight: -.02em;--tracking-normal: -.01em;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .06), 0 2px 4px -2px rgba(0, 0, 0, .04);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .06), 0 4px 6px -4px rgba(0, 0, 0, .04);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .08), 0 8px 10px -6px rgba(0, 0, 0, .04);--shadow-card: 0 0 0 1px var(--color-border), 0 1px 3px rgba(0, 0, 0, .04);--shadow-card-hover: 0 0 0 1px var(--color-border), 0 4px 12px rgba(0, 0, 0, .06);--shadow-modal: 0 24px 48px -12px rgba(0, 0, 0, .18);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--duration-fast: .12s;--duration-normal: .2s;--duration-slow: .32s;--sidebar-width: 260px;--sidebar-collapsed: 72px;--header-height: 64px;--bottom-nav-height: 72px;--content-max-width: 1280px;--z-base: 1;--z-dropdown: 100;--z-sticky: 200;--z-overlay: 300;--z-modal: 400;--z-toast: 500;--z-tooltip: 600}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);letter-spacing:var(--tracking-normal);color:var(--color-text);background-color:var(--color-bg);min-height:100dvh;overflow-x:hidden}#app{min-height:100dvh}img,svg{display:block;max-width:100%}button{font:inherit;color:inherit;cursor:pointer;border:none;background:none;-webkit-tap-highlight-color:transparent}input,select,textarea{font:inherit;color:inherit;border:none;background:none;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}a{color:inherit;text-decoration:none}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:var(--leading-tight);letter-spacing:var(--tracking-tight)}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}h5{font-size:var(--text-md)}h6{font-size:var(--text-base)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-md{font-size:var(--text-md)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.text-secondary{color:var(--color-text-secondary)}.text-tertiary{color:var(--color-text-tertiary)}.text-accent{color:var(--color-accent)}.text-success{color:var(--color-success)}.text-danger{color:var(--color-danger)}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}::selection{background:rgba(var(--color-primary-rgb),.15);color:var(--color-primary-dark)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes countUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn var(--duration-normal) var(--ease-out)}.animate-fade-in-up{animation:fadeInUp var(--duration-slow) var(--ease-out)}.animate-slide-in-right{animation:slideInRight var(--duration-slow) var(--ease-out)}.stagger-1{animation-delay:40ms}.stagger-2{animation-delay:80ms}.stagger-3{animation-delay:.12s}.stagger-4{animation-delay:.16s}.stagger-5{animation-delay:.2s}.stagger-6{animation-delay:.24s}.stagger-1,.stagger-2,.stagger-3,.stagger-4,.stagger-5,.stagger-6{animation-fill-mode:backwards}.app-shell{display:flex;min-height:100dvh;background:var(--color-bg)}.app-main{flex:1;display:flex;flex-direction:column;min-width:0;margin-left:var(--sidebar-width);transition:margin-left var(--duration-slow) var(--ease-out)}.app-content{flex:1;padding:var(--space-8);padding-top:calc(var(--header-height) + var(--space-8));max-width:var(--content-max-width);width:100%;margin:0 auto}.sidebar{position:fixed;top:0;left:0;bottom:0;width:var(--sidebar-width);background:var(--color-surface);border-right:1px solid var(--color-border);display:flex;flex-direction:column;z-index:var(--z-sticky);transition:width var(--duration-slow) var(--ease-out),transform var(--duration-slow) var(--ease-out);overflow:hidden}.sidebar-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-6) var(--space-5);border-bottom:1px solid var(--color-border-light);flex-shrink:0}.sidebar-logo{width:36px;height:36px;object-fit:contain;flex-shrink:0}.sidebar-brand{display:flex;flex-direction:column;min-width:0}.sidebar-brand-name{font-size:var(--text-md);font-weight:700;color:var(--color-text);white-space:nowrap;letter-spacing:var(--tracking-tight)}.sidebar-brand-sub{font-size:var(--text-xs);color:var(--color-text-tertiary);white-space:nowrap;font-weight:500;text-transform:uppercase;letter-spacing:.04em}.sidebar-nav{flex:1;padding:var(--space-3) var(--space-3);overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-1)}.sidebar-section-label{font-size:var(--text-xs);font-weight:600;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.06em;padding:var(--space-4) var(--space-3) var(--space-2)}.nav-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);white-space:nowrap;position:relative;min-height:38px}.nav-item:hover{background:var(--color-primary-surface);color:var(--color-text)}.nav-item.active{background:var(--color-primary-surface);color:var(--color-primary);font-weight:600}.nav-item.active:before{content:"";position:absolute;left:-12px;top:50%;transform:translateY(-50%);width:3px;height:20px;background:var(--color-primary);border-radius:0 var(--radius-full) var(--radius-full) 0}.nav-item-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1.1rem}.nav-item-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.sidebar-footer{padding:var(--space-4) var(--space-3);border-top:1px solid var(--color-border-light);flex-shrink:0}.sidebar-user{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);cursor:pointer;transition:background var(--duration-fast) var(--ease-out)}.sidebar-user:hover{background:var(--color-surface-hover)}.sidebar-avatar{width:32px;height:32px;border-radius:var(--radius-full);background:var(--color-accent-surface);color:var(--color-accent);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--text-sm);flex-shrink:0}.sidebar-user-info{display:flex;flex-direction:column;min-width:0}.sidebar-user-name{font-size:var(--text-sm);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-email{font-size:var(--text-xs);color:var(--color-text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-header{position:fixed;top:0;right:0;left:var(--sidebar-width);height:var(--header-height);background:rgba(var(--color-bg-rgb),.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border-light);display:flex;align-items:center;padding:0 var(--space-8);z-index:var(--z-sticky);transition:left var(--duration-slow) var(--ease-out)}.header-left{display:flex;align-items:center;gap:var(--space-4);flex:1;min-width:0}.header-hamburger{display:none;width:40px;height:40px;align-items:center;justify-content:center;border-radius:var(--radius-md);transition:background var(--duration-fast);font-size:1.25rem}.header-hamburger:hover{background:var(--color-surface-active)}.header-title{font-size:var(--text-md);font-weight:600;color:var(--color-text);white-space:nowrap}.header-right{display:flex;align-items:center;gap:var(--space-3)}.header-btn{width:38px;height:38px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);transition:all var(--duration-fast) var(--ease-out);font-size:1.1rem;position:relative}.header-btn:hover{background:var(--color-surface-active);color:var(--color-text)}.header-btn .badge{position:absolute;top:6px;right:6px;width:8px;height:8px;background:var(--color-danger);border-radius:var(--radius-full);border:2px solid var(--color-bg)}.page-container{animation:fadeInUp var(--duration-slow) var(--ease-out)}.page-header{margin-bottom:var(--space-8)}.page-title{font-size:var(--text-2xl);font-weight:700;letter-spacing:var(--tracking-tight);color:var(--color-text)}.page-subtitle{font-size:var(--text-md);color:var(--color-text-secondary);margin-top:var(--space-1)}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:calc(var(--z-sticky) - 1);opacity:0;transition:opacity var(--duration-normal) var(--ease-out)}.sidebar-overlay.visible{display:block;opacity:1}@media(max-width:1023px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0);box-shadow:var(--shadow-xl)}.app-main{margin-left:0}.app-header{left:0;padding:0 var(--space-5)}.app-content{padding:var(--space-5);padding-top:calc(var(--header-height) + var(--space-5))}.header-hamburger{display:flex}.sidebar-overlay.visible{display:block}}@media(max-width:767px){.app-content{padding:var(--space-4);padding-top:calc(var(--header-height) + var(--space-4));padding-bottom:calc(var(--bottom-nav-height) + var(--space-6))}.app-header{padding:0 var(--space-4)}.page-title{font-size:var(--text-xl)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:600;border-radius:var(--radius-md);transition:all var(--duration-fast) var(--ease-out);white-space:nowrap;min-height:38px;position:relative;overflow:hidden}.btn:active{transform:scale(.97)}.btn-primary{background:var(--color-primary);color:var(--color-text-on-primary);box-shadow:0 1px 2px #0000001f,inset 0 1px #ffffff14}.btn-primary:hover{background:var(--color-primary-light);box-shadow:0 2px 8px rgba(var(--color-primary-rgb),.3)}.btn-secondary{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);box-shadow:var(--shadow-xs)}.btn-secondary:hover{background:var(--color-surface-hover);border-color:var(--color-text-tertiary)}.btn-accent{background:var(--color-accent);color:#fff;box-shadow:0 1px 2px #0000001f}.btn-accent:hover{background:var(--color-accent-light)}.btn-danger{background:var(--color-danger);color:#fff}.btn-danger:hover{background:#b91c1c}.btn-ghost{background:transparent;color:var(--color-text-secondary)}.btn-ghost:hover{background:var(--color-surface-active);color:var(--color-text)}.btn-icon{width:38px;height:38px;padding:0;border-radius:var(--radius-md)}.btn-lg{min-height:44px;padding:var(--space-3) var(--space-6);font-size:var(--text-base);border-radius:var(--radius-lg)}.btn-sm{min-height:32px;padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}.btn-full{width:100%}.btn .spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.input-group{display:flex;flex-direction:column;gap:var(--space-2)}.input-label{font-size:var(--text-sm);font-weight:600;color:var(--color-text)}.input-field{width:100%;padding:var(--space-2) var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-base);min-height:42px;transition:all var(--duration-fast) var(--ease-out);color:var(--color-text)}.input-field::placeholder{color:var(--color-text-tertiary)}.input-field:hover{border-color:var(--color-text-tertiary)}.input-field:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.input-field.error{border-color:var(--color-danger);box-shadow:0 0 0 3px var(--color-danger-surface)}.input-error{font-size:var(--text-xs);color:var(--color-danger);display:flex;align-items:center;gap:var(--space-1)}.input-with-icon{position:relative}.input-with-icon .input-icon{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);color:var(--color-text-tertiary);font-size:1.1rem;pointer-events:none}.input-with-icon .input-field{padding-left:calc(var(--space-3) + 24px)}.card{background:var(--color-surface);border-radius:var(--radius-xl);border:1px solid var(--color-border);padding:var(--space-6);transition:all var(--duration-normal) var(--ease-out)}.card:hover{box-shadow:var(--shadow-card-hover)}.card-flat{box-shadow:none;border:1px solid var(--color-border-light)}.summary-card{background:var(--color-surface);border-radius:var(--radius-xl);border:1px solid var(--color-border);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3);transition:all var(--duration-normal) var(--ease-out);cursor:default;position:relative;overflow:hidden}.summary-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--card-accent, var(--color-primary));opacity:0;transition:opacity var(--duration-normal) var(--ease-out)}.summary-card:hover{box-shadow:var(--shadow-card-hover);border-color:var(--color-border)}.summary-card:hover:before{opacity:1}.summary-card-header{display:flex;align-items:center;justify-content:space-between}.summary-card-icon{width:40px;height:40px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:1.15rem;flex-shrink:0}.summary-card-trend{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);font-weight:600;padding:2px 8px;border-radius:var(--radius-full)}.summary-card-trend.up{background:var(--color-success-surface);color:var(--color-success)}.summary-card-trend.down{background:var(--color-danger-surface);color:var(--color-danger)}.summary-card-value{font-size:var(--text-3xl);font-weight:800;letter-spacing:var(--tracking-tight);line-height:1;color:var(--color-text)}.summary-card-label{font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:500}.quick-action-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-5) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--duration-normal) var(--ease-out);min-height:100px}.quick-action-btn:hover{border-color:var(--color-primary);box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.quick-action-btn:active{transform:translateY(0) scale(.97)}.quick-action-icon{width:48px;height:48px;border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;font-size:1.4rem}.quick-action-label{font-size:var(--text-sm);font-weight:600;color:var(--color-text)}.table-container{overflow-x:auto;border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface)}.data-table{width:100%;border-collapse:collapse}.data-table th{text-align:left;padding:var(--space-3) var(--space-4);font-size:var(--text-xs);font-weight:600;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--color-border);background:var(--color-surface-hover);white-space:nowrap}.data-table td{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);border-bottom:1px solid var(--color-border-light);vertical-align:middle}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:var(--color-surface-hover)}.data-table .cell-primary{font-weight:600;color:var(--color-text)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px 10px;font-size:var(--text-xs);font-weight:600;border-radius:var(--radius-full);white-space:nowrap}.badge-success{background:var(--color-success-surface);color:var(--color-success)}.badge-warning{background:var(--color-warning-surface);color:var(--color-warning)}.badge-danger{background:var(--color-danger-surface);color:var(--color-danger)}.badge-accent{background:var(--color-accent-surface);color:var(--color-accent-dark)}.badge-neutral{background:var(--color-surface-active);color:var(--color-text-secondary)}.badge-primary{background:var(--color-primary-surface);color:var(--color-primary)}.toggle{position:relative;width:44px;height:24px;cursor:pointer}.toggle input{display:none}.toggle-track{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-border);border-radius:var(--radius-full);transition:background var(--duration-fast) var(--ease-out)}.toggle input:checked+.toggle-track{background:var(--color-primary)}.toggle-thumb{position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:var(--radius-full);box-shadow:var(--shadow-sm);transition:transform var(--duration-fast) var(--ease-spring)}.toggle input:checked~.toggle-thumb{transform:translate(20px)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--space-4);opacity:0;visibility:hidden;transition:all var(--duration-normal) var(--ease-out)}.modal-overlay.visible{opacity:1;visibility:visible}.modal{background:var(--color-surface);border-radius:var(--radius-2xl);box-shadow:var(--shadow-modal);width:100%;max-width:520px;max-height:90dvh;overflow-y:auto;transform:scale(.95) translateY(10px);transition:transform var(--duration-slow) var(--ease-spring)}.modal-overlay.visible .modal{transform:scale(1) translateY(0)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border-light)}.modal-title{font-size:var(--text-lg);font-weight:700}.modal-close{width:32px;height:32px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--color-text-tertiary);transition:all var(--duration-fast);font-size:1.1rem}.modal-close:hover{background:var(--color-surface-active);color:var(--color-text)}.modal-body{padding:var(--space-6)}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border-light)}.toast-container{position:fixed;top:var(--space-6);right:var(--space-6);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-3);pointer-events:none}.toast{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:var(--space-3);min-width:300px;max-width:420px;pointer-events:auto;animation:slideInRight var(--duration-slow) var(--ease-spring);position:relative;overflow:hidden}.toast-icon{width:20px;height:20px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:1rem}.toast-success .toast-icon{color:var(--color-success)}.toast-error .toast-icon{color:var(--color-danger)}.toast-info .toast-icon{color:var(--color-info)}.toast-warning .toast-icon{color:var(--color-warning)}.toast-content{flex:1;min-width:0}.toast-message{font-size:var(--text-sm);font-weight:500;color:var(--color-text)}.toast-dismiss{width:24px;height:24px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--color-text-tertiary);cursor:pointer;flex-shrink:0;transition:all var(--duration-fast)}.toast-dismiss:hover{background:var(--color-surface-active);color:var(--color-text)}.toast-progress{position:absolute;bottom:0;left:0;height:2px;background:var(--color-primary);border-radius:0 var(--radius-full) var(--radius-full) 0;animation:toastProgress 3s linear forwards}@keyframes toastProgress{0%{width:100%}to{width:0%}}.toast.removing{animation:fadeOutRight var(--duration-normal) var(--ease-out) forwards}@keyframes fadeOutRight{to{opacity:0;transform:translate(100%)}}.skeleton{background:linear-gradient(90deg,var(--color-surface-active) 25%,var(--color-surface-hover) 50%,var(--color-surface-active) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-md)}.skeleton-text{height:14px;width:100%;margin-bottom:var(--space-2)}.skeleton-text:last-child{width:60%}.skeleton-heading{height:28px;width:40%;margin-bottom:var(--space-4)}.skeleton-card{height:120px;border-radius:var(--radius-xl)}.skeleton-circle{width:40px;height:40px;border-radius:var(--radius-full)}.skeleton-chart{height:200px;border-radius:var(--radius-xl)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16) var(--space-8);text-align:center;color:var(--color-text-secondary)}.empty-state-icon{font-size:3rem;margin-bottom:var(--space-4);opacity:.4}.empty-state-title{font-size:var(--text-lg);font-weight:600;color:var(--color-text);margin-bottom:var(--space-2)}.empty-state-desc{font-size:var(--text-sm);max-width:320px;line-height:var(--leading-relaxed)}.tabs{display:flex;gap:var(--space-1);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-6);overflow-x:auto}.tab{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary);border-bottom:2px solid transparent;cursor:pointer;white-space:nowrap;transition:all var(--duration-fast) var(--ease-out)}.tab:hover{color:var(--color-text)}.tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary);font-weight:600}.dropdown{position:relative}.dropdown-menu{position:absolute;top:calc(100% + 4px);right:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);min-width:180px;z-index:var(--z-dropdown);opacity:0;visibility:hidden;transform:translateY(-4px);transition:all var(--duration-fast) var(--ease-out);padding:var(--space-1)}.dropdown-menu.visible{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--color-text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast)}.dropdown-item:hover{background:var(--color-surface-hover);color:var(--color-text)}.dropdown-divider{height:1px;background:var(--color-border-light);margin:var(--space-1) 0}.select-field{width:100%;padding:var(--space-2) var(--space-3);padding-right:var(--space-8);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-base);min-height:42px;color:var(--color-text);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.select-field:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.textarea-field{width:100%;padding:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-base);min-height:100px;resize:vertical;color:var(--color-text);transition:border-color var(--duration-fast) var(--ease-out);font-family:var(--font-sans)}.textarea-field:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.grid{display:grid;gap:var(--space-5)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.grid-cols-5{grid-template-columns:repeat(5,1fr)}@media(max-width:1023px){.grid-cols-4,.grid-cols-5{grid-template-columns:repeat(3,1fr)}}@media(max-width:767px){.grid-cols-2{grid-template-columns:1fr}.grid-cols-3,.grid-cols-4,.grid-cols-5{grid-template-columns:repeat(2,1fr)}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.gap-6{gap:var(--space-6)}.login-page{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:var(--space-6);background:var(--color-bg);position:relative;overflow:hidden}.login-page:before{content:"";position:absolute;top:-50%;right:-30%;width:600px;height:600px;background:radial-gradient(circle,rgba(var(--color-primary-rgb),.06) 0%,transparent 70%);pointer-events:none}.login-page:after{content:"";position:absolute;bottom:-40%;left:-20%;width:500px;height:500px;background:radial-gradient(circle,rgba(var(--color-accent-rgb),.04) 0%,transparent 70%);pointer-events:none}.login-card{width:100%;max-width:400px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--space-10);box-shadow:var(--shadow-lg);position:relative;animation:fadeInUp var(--duration-slow) var(--ease-out)}.login-logo{width:64px;height:64px;object-fit:contain;margin:0 auto var(--space-6);display:block}.login-title{text-align:center;font-size:var(--text-xl);font-weight:700;margin-bottom:var(--space-1)}.login-subtitle{text-align:center;font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-8)}.login-form{display:flex;flex-direction:column;gap:var(--space-5)}.login-forgot{text-align:right;font-size:var(--text-sm);color:var(--color-primary);font-weight:500;cursor:pointer;transition:color var(--duration-fast);margin-top:calc(-1 * var(--space-3))}.login-forgot:hover{color:var(--color-primary-light)}.dashboard-greeting{margin-bottom:var(--space-8)}.greeting-title{font-size:var(--text-2xl);font-weight:700;letter-spacing:var(--tracking-tight);color:var(--color-text)}.greeting-subtitle{font-size:var(--text-md);color:var(--color-text-secondary);margin-top:var(--space-1)}.dashboard-section{margin-bottom:var(--space-8)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-5)}.section-title{font-size:var(--text-md);font-weight:600;color:var(--color-text)}.section-action{font-size:var(--text-sm);color:var(--color-primary);font-weight:500;cursor:pointer}.summary-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-5)}@media(max-width:1200px){.summary-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:767px){.summary-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-3)}}.quick-actions-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4)}@media(max-width:767px){.quick-actions-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-3)}}.activity-list{display:flex;flex-direction:column}.activity-item{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-light);transition:background var(--duration-fast)}.activity-item:last-child{border-bottom:none}.activity-item:hover{background:var(--color-surface-hover)}.activity-icon{width:36px;height:36px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1rem}.activity-info{flex:1;min-width:0}.activity-text{font-size:var(--text-sm);font-weight:500;color:var(--color-text)}.activity-text span{font-weight:700}.activity-time{font-size:var(--text-xs);color:var(--color-text-tertiary);margin-top:2px}.customer-search-section{margin-bottom:var(--space-6)}.customer-search-bar{position:relative;max-width:480px}.customer-search-bar .input-field{padding-left:44px;min-height:48px;font-size:var(--text-md);border-radius:var(--radius-xl);background:var(--color-surface)}.customer-search-bar .search-icon{position:absolute;left:var(--space-4);top:50%;transform:translateY(-50%);color:var(--color-text-tertiary);font-size:1.1rem;pointer-events:none}.customer-results{position:absolute;top:calc(100% + 8px);left:0;right:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);max-height:320px;overflow-y:auto;display:none}.customer-results.visible{display:block;animation:fadeInUp var(--duration-normal) var(--ease-out)}.customer-result-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);cursor:pointer;transition:background var(--duration-fast)}.customer-result-item:hover{background:var(--color-surface-hover)}.customer-result-avatar{width:40px;height:40px;border-radius:var(--radius-full);background:var(--color-primary-surface);color:var(--color-primary);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--text-sm);flex-shrink:0}.customer-result-info{flex:1}.customer-result-name{font-size:var(--text-sm);font-weight:600}.customer-result-phone{font-size:var(--text-xs);color:var(--color-text-secondary)}.customer-workspace{display:grid;grid-template-columns:1fr;gap:var(--space-6);min-height:calc(100vh - var(--header-height) - var(--space-12))}@media(min-width:1024px){.customer-workspace{grid-template-columns:460px 1fr;align-items:start}}.customer-left-pane{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-5);height:100%}.customer-right-pane{display:flex;flex-direction:column;gap:var(--space-6);height:100%}@media(max-width:1023px){.customer-workspace .customer-right-pane,.customer-workspace.show-details .customer-left-pane{display:none}.customer-workspace.show-details .customer-right-pane{display:flex;animation:slideInRight var(--duration-slow) var(--ease-out)}}.customer-profile{display:flex;flex-direction:column;gap:var(--space-6)}.customer-profile-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--space-6);display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-4)}.profile-avatar{width:72px;height:72px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-primary-surface),var(--color-accent-surface));display:flex;align-items:center;justify-content:center;font-size:var(--text-2xl);font-weight:800;color:var(--color-primary)}.profile-name{font-size:var(--text-lg);font-weight:700;color:var(--color-text)}.profile-phone{font-size:var(--text-sm);color:var(--color-text-secondary)}.profile-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3);width:100%;margin-top:var(--space-2)}.profile-stat{background:var(--color-bg);border-radius:var(--radius-lg);padding:var(--space-3);text-align:center}.profile-stat-value{font-size:var(--text-base);font-weight:700;color:var(--color-text)}.profile-stat-label{font-size:var(--text-xs);color:var(--color-text-secondary);margin-top:2px}.profile-actions{display:flex;flex-direction:column;gap:var(--space-2);width:100%;margin-top:var(--space-2)}.customer-details{display:flex;flex-direction:column;gap:var(--space-6)}.stars-display{display:flex;gap:var(--space-1);align-items:center}.star{font-size:1.2rem;color:var(--color-border);transition:color var(--duration-fast)}.star.filled{color:var(--color-accent)}.reward-banner{width:100%;padding:var(--space-4) var(--space-5);border-radius:var(--radius-xl);display:flex;align-items:center;gap:var(--space-4);font-weight:700;transition:all var(--duration-normal) var(--ease-out);border:1px solid transparent}.reward-banner-icon{font-size:1.75rem;display:flex;align-items:center;justify-content:center}.reward-banner-details{display:flex;flex-direction:column;text-align:left}.reward-banner-title{font-size:var(--text-md);font-weight:700;letter-spacing:var(--tracking-tight)}.reward-banner-subtitle{font-size:var(--text-xs);font-weight:500;opacity:.8}.reward-banner.unlocked{background:linear-gradient(135deg,var(--color-success-surface),rgba(22,163,74,.15));border-color:var(--color-success);color:var(--color-success);box-shadow:0 4px 12px #16a34a1a}.reward-banner.redeemed{background:var(--color-primary-surface);border-color:var(--color-primary);color:var(--color-primary)}.reward-banner.in-progress{background:var(--color-accent-surface);border-color:var(--color-accent);color:var(--color-accent-dark)}.loyalty-timeline{position:relative;padding-left:var(--space-8);margin:var(--space-4) 0;display:flex;flex-direction:column;gap:var(--space-5)}.loyalty-timeline:before{content:"";position:absolute;left:9px;top:4px;bottom:4px;width:2px;background:var(--color-border)}.timeline-item{position:relative;display:flex;align-items:flex-start;gap:var(--space-3)}.timeline-badge{position:absolute;left:-28px;width:20px;height:20px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:700;z-index:var(--z-base);background:var(--color-surface);border:2px solid var(--color-border);transition:all var(--duration-fast)}.timeline-badge.completed{background:var(--color-success);border-color:var(--color-success);color:var(--color-text-inverse)}.timeline-badge.pending{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text-tertiary)}.timeline-content{display:flex;flex-direction:column;gap:2px}.timeline-title{font-size:var(--text-sm);font-weight:700;color:var(--color-text)}.timeline-title.struck-through{text-decoration:line-through;opacity:.6}.timeline-meta{font-size:var(--text-xs);color:var(--color-text-secondary)}.details-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12) var(--space-6);border:2px dashed var(--color-border);border-radius:var(--radius-2xl);text-align:center;color:var(--color-text-secondary);background:var(--color-surface);height:100%;min-height:400px}.details-empty-state-icon{font-size:3rem;margin-bottom:var(--space-4);opacity:.4}.details-empty-state-title{font-weight:700;color:var(--color-text);margin-bottom:var(--space-2)}.rewards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-5)}.reward-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-4);transition:all var(--duration-normal) var(--ease-out);position:relative}.reward-card:hover{box-shadow:var(--shadow-card-hover)}.reward-card.disabled{opacity:.6}.reward-card-header{display:flex;align-items:flex-start;justify-content:space-between}.reward-number{font-size:var(--text-xs);font-weight:600;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em}.reward-title{font-size:var(--text-lg);font-weight:700;color:var(--color-text)}.reward-description{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.reward-meta{display:flex;gap:var(--space-4);font-size:var(--text-xs);color:var(--color-text-tertiary)}.reward-meta-item{display:flex;align-items:center;gap:var(--space-1)}.reward-actions{display:flex;align-items:center;justify-content:space-between;padding-top:var(--space-4);border-top:1px solid var(--color-border-light)}.reviews-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5);margin-bottom:var(--space-8)}@media(max-width:767px){.reviews-stats{grid-template-columns:1fr;gap:var(--space-3)}}.review-link-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);margin-bottom:var(--space-8)}.review-link-label{font-size:var(--text-sm);font-weight:600;color:var(--color-text);margin-bottom:var(--space-3)}.review-link-input{display:flex;gap:var(--space-3)}.review-link-input .input-field{flex:1}.notification-composer{display:grid;grid-template-columns:1fr 360px;gap:var(--space-6)}@media(max-width:1023px){.notification-composer{grid-template-columns:1fr}}.notification-form{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--space-6)}.notification-preview{position:sticky;top:calc(var(--header-height) + var(--space-6));height:fit-content}.preview-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--space-6)}.preview-phone{background:var(--color-bg);border-radius:var(--radius-xl);padding:var(--space-5);margin-top:var(--space-4)}.preview-notification{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-sm);display:flex;align-items:flex-start;gap:var(--space-3)}.preview-app-icon{width:32px;height:32px;border-radius:var(--radius-md);background:var(--color-primary);display:flex;align-items:center;justify-content:center;color:var(--color-text-inverse);font-weight:800;font-size:var(--text-xs);flex-shrink:0}.preview-title{font-size:var(--text-sm);font-weight:600;margin-bottom:2px}.preview-body{font-size:var(--text-xs);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.analytics-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-5)}@media(max-width:767px){.analytics-grid{grid-template-columns:1fr}}.chart-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--space-6)}.chart-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-5)}.chart-card-title{font-size:var(--text-md);font-weight:600}.chart-wrapper{position:relative;height:240px}.chart-wrapper canvas{width:100%!important;height:100%!important}.settings-form{max-width:640px}.settings-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--space-6);margin-bottom:var(--space-6)}.settings-section-title{font-size:var(--text-md);font-weight:700;margin-bottom:var(--space-5);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border-light)}.settings-row{display:flex;flex-direction:column;gap:var(--space-5)}.settings-field{display:flex;flex-direction:column;gap:var(--space-2)}.settings-field-label{font-size:var(--text-sm);font-weight:600;color:var(--color-text)}.settings-field-hint{font-size:var(--text-xs);color:var(--color-text-tertiary)}.color-picker-wrapper{display:flex;align-items:center;gap:var(--space-3)}.color-preview{width:36px;height:36px;border-radius:var(--radius-md);border:2px solid var(--color-border);cursor:pointer}.settings-save{display:flex;justify-content:flex-end;padding-top:var(--space-6)}.customer-row.active-row td{background-color:var(--color-primary-surface)!important}.customer-row.active-row{border-left:3px solid var(--color-primary)}.mobile-card.customer-row.active-card{border-color:var(--color-primary)!important;background-color:var(--color-primary-surface)!important}.bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;height:var(--bottom-nav-height);background:rgba(var(--color-bg-rgb),.92);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--color-border-light);z-index:var(--z-sticky);padding:0 var(--space-2);padding-bottom:env(safe-area-inset-bottom,0)}.bottom-nav-items{display:flex;align-items:center;justify-content:space-around;height:100%}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:var(--space-1) var(--space-3);color:var(--color-text-tertiary);font-size:var(--text-xs);font-weight:500;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);min-width:56px;position:relative;-webkit-tap-highlight-color:transparent}.bottom-nav-item.active{color:var(--color-primary)}.bottom-nav-item.active:before{content:"";position:absolute;top:-1px;left:50%;transform:translate(-50%);width:24px;height:2px;background:var(--color-primary);border-radius:0 0 var(--radius-full) var(--radius-full)}.bottom-nav-icon{font-size:1.35rem;height:24px;display:flex;align-items:center;justify-content:center}.bottom-nav-label{font-size:.625rem;font-weight:600;letter-spacing:.02em}.bottom-nav-center{position:relative;top:-14px}.bottom-nav-fab{width:52px;height:52px;border-radius:var(--radius-full);background:var(--color-primary);color:var(--color-text-inverse);display:flex;align-items:center;justify-content:center;font-size:1.5rem;box-shadow:0 4px 14px rgba(var(--color-primary-rgb),.35);transition:all var(--duration-fast) var(--ease-out)}.bottom-nav-fab:active{transform:scale(.92)}.fab{display:none;position:fixed;bottom:calc(var(--bottom-nav-height) + var(--space-4) + env(safe-area-inset-bottom,0));right:var(--space-4);z-index:var(--z-sticky)}.fab-main{width:56px;height:56px;border-radius:var(--radius-full);background:var(--color-primary);color:var(--color-text-inverse);display:flex;align-items:center;justify-content:center;font-size:1.5rem;box-shadow:0 4px 16px rgba(var(--color-primary-rgb),.35),0 2px 4px #0000001a;transition:all var(--duration-normal) var(--ease-spring)}.fab-main:active{transform:scale(.92)}.fab-main.open{transform:rotate(45deg);background:var(--color-primary-dark)}.fab-actions{position:absolute;bottom:calc(100% + var(--space-3));right:0;display:flex;flex-direction:column;gap:var(--space-3);opacity:0;visibility:hidden;transform:translateY(8px);transition:all var(--duration-normal) var(--ease-out)}.fab-actions.visible{opacity:1;visibility:visible;transform:translateY(0)}.fab-action{display:flex;align-items:center;gap:var(--space-3);flex-direction:row-reverse;white-space:nowrap}.fab-action-btn{width:44px;height:44px;border-radius:var(--radius-full);background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-md);display:flex;align-items:center;justify-content:center;font-size:1.1rem;color:var(--color-primary);transition:all var(--duration-fast)}.fab-action-btn:active{transform:scale(.92)}.fab-action-label{font-size:var(--text-sm);font-weight:600;color:var(--color-text);background:var(--color-surface);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);box-shadow:var(--shadow-md);border:1px solid var(--color-border)}@media(max-width:767px){.bottom-nav{display:block}.greeting-title{font-size:var(--text-xl)}.summary-grid{display:flex;overflow-x:auto;gap:var(--space-3);padding-bottom:var(--space-2);-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}.summary-grid::-webkit-scrollbar{display:none}.summary-grid .summary-card{min-width:160px;flex-shrink:0;scroll-snap-align:start}.quick-actions-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.quick-action-btn{padding:var(--space-4);min-height:80px}.quick-action-icon{width:40px;height:40px;font-size:1.2rem}.customer-profile{grid-template-columns:1fr}.customer-profile-card{position:static}.notification-composer{grid-template-columns:1fr}.mobile-card-list .data-table{display:none}.mobile-cards{display:flex;flex-direction:column;gap:var(--space-3)}.mobile-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-4)}.mobile-card-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-1) 0}.mobile-card-label{font-size:var(--text-xs);color:var(--color-text-secondary);font-weight:500}.mobile-card-value{font-size:var(--text-sm);font-weight:600;text-align:right}.customer-search-section{position:sticky;top:var(--header-height);z-index:var(--z-base);background:var(--color-bg);padding:var(--space-3) 0;margin-top:calc(-1 * var(--space-4));margin-bottom:var(--space-4)}.customer-search-bar{max-width:none}.btn{min-height:44px}.btn-sm{min-height:36px}.input-field,.select-field,.textarea-field{min-height:48px;font-size:16px}.analytics-grid,.rewards-grid{grid-template-columns:1fr}.settings-form{max-width:none}.desktop-only{display:none!important}}@media(min-width:768px){.mobile-only,.mobile-cards{display:none!important}}