:root{--beasr-green: #244f3a;--beasr-green-dark: #1e4030;--beasr-yellow: #e2a940;--beasr-yellow-dark: #c9923a;--white: #fff;--bg-dark: #171717;--accent-subtle: rgb(226 169 64 / 10%);--accent-light: rgb(226 169 64 / 20%);--accent-medium: rgb(226 169 64 / 30%);--primary-gradient: linear-gradient(135deg, var(--beasr-yellow), var(--beasr-yellow-dark));--danger-primary: #f44336;--danger-subtle: rgb(244 67 54 / 10%);--danger-light: rgb(244 67 54 / 20%);--danger-medium: rgb(244 67 54 / 30%);--danger-intense: rgb(220 53 69 / 90%);--success-primary: #4caf50;--success-dark: #2ea043;--success-light: rgb(76 175 80 / 20%);--success-medium: rgb(76 175 80 / 30%);--warning-primary: #ffc107;--warning-subtle: rgb(255 193 7 / 10%);--warning-light: rgb(255 193 7 / 20%);--warning-medium: rgb(255 193 7 / 30%);--info-color: #007bff;--info-light: rgb(59 130 246 / 15%);--text-light-gray: #ccc;--text-mid-gray: #888;--overlay-subtle: rgba(143, 143, 143, .1);--overlay-light: rgba(20, 20, 20, .2);--overlay-medium: rgba(20, 20, 20, .3);--overlay-dark: rgba(2 2 2 / 40%);--text-muted: rgb(255 255 255 / 60%);--white-alpha-subtle: rgb(255 255 255 / 5%);--white-alpha-medium: rgb(255 255 255 / 40%);--white-alpha-strong: rgb(255 255 255 / 80%);--brand-success-medium: rgb(36 79 58 / 40%);--dark-alpha-subtle: rgba(7, 7, 7, 5%);--dark-alpha-medium: rgba(7, 7, 7, 25%);--dark-alpha-strong: rgba(7, 7, 7, 50%)}:root{--border-m: 2px;--grid-stat-min: 12.5rem;--header-height: 3.5rem;--height-textarea: 5rem;--opacity-muted: .6;--overlay-beasr-yellow: rgb(226 169 64 / 40%);--percent-full: 100%;--percent-half: 50%;--percent-nearly-full: 90%;--size-icon: 2.25rem;--size-icon-modal: 3rem;--size-touch: 1.75rem;--touch-target-min: 2.75rem;--taskbar-height: 3rem;--viewport-full: 100vh;--width-card-min: 16rem;--width-cell-email: 12.5rem;--z-dropdown: 1000;--z-dropdown-active: 200;--z-dropdown-menu: 100;--z-modal: 1500;--z-sticky: 1020;--border-s: 1px;--border-xl: 4px;--height-sm: 1.5rem;--height-md: 2rem;--height-preview: 12rem;--opacity-medium: .4;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--size-xs: .25rem;--size-md: 1rem;--size-lg: 1.25rem;--size-icon-lg: 4em;--space-xs: .25rem;--space-sm: .5rem;--space-base: .625rem;--space-md: .75rem;--space-lg: .938rem;--space-xl: 1.25rem;--space-xxl: 1.563rem;--space-xxxl: 1.875rem;--space-xxxxl: 2.5rem;--space-xxxxxl: 3.125rem;--transform-hover-md: translateY(-2px);--transform-hover-sm: translateY(-1px);--transition-fast: .15s;--transition-base: .2s;--transition-slow: .3s;--transition-slower: .5s;--width-col-sm: 9rem;--width-col-md: 11rem;--width-col-lg: 13rem;--width-col-xl: 16rem;--width-container-xl: 63rem;--width-dropdown-md: 19rem;--width-modal-xs: 22.5rem;--width-modal-sm: 25rem;--width-modal-lg: 38rem;--width-modal-md: 50rem;--width-thumb-sm: 5rem;--width-thumb-md: 8rem;--transform-center-xy: translate(-50%, -50%)}:root{--font-family-mono: "Courier New", monospace;--letter-spacing-wide: .05em;--line-height-loose: 1.75;--font-xxs: .625rem;--font-xs: .7rem;--font-sm: .75rem;--font-md: .8rem;--font-base: .875rem;--font-lg: .938rem;--font-regular: 1rem;--font-xl: 1.125rem;--font-xxl: 2rem;--font-family-base: "Grandview", sans-serif;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-normal: 1.5}:root{--blur-soft: blur(4px);--blur-strong: blur(20px);--drop-shadow-accent: drop-shadow(0 0 20px var(--accent-medium));--drop-shadow-danger: drop-shadow(0 0 10px var(--danger-intense));--drop-shadow-warning-strong: drop-shadow(0 0 10px var(--beasr-yellow));--glass-beasr-green: rgb(30 64 48 / 85%);--glass-blur: blur(12px);--glass-border: rgb(226 169 64 / 30%);--glass-shadow: 0 8px 32px rgb(0 0 0 / 30%);--saturate-intense: saturate(180%);--shadow-heavy: rgb(0 0 0 / 70%);--shadow-strong: rgb(0 0 0 / 50%);--shadow-subtle: rgb(0 0 0 / 10%);--blur-light: blur(10px);--blur-medium: blur(6px);--drop-shadow-warning-light: drop-shadow(0 0 4px var(--beasr-yellow));--drop-shadow-warning-medium: drop-shadow(0 0 8px var(--beasr-yellow));--shadow-light: rgb(0 0 0 / 20%);--shadow-medium: rgb(0 0 0 / 30%);--shadow-sm: 0 2px 4px var(--shadow-subtle);--shadow-md: 0 4px 6px rgb(0 0 0 / 10%);--shadow-lg: 0 8px 16px rgb(0 0 0 / 15%);--shadow-xl: 0 12px 24px rgb(0 0 0 / 20%);--shadow-glow-info: 0 0 1.25rem rgb(0 123 255 / 30%);--shadow-glow-success: 0 0 1.25rem var(--success-medium);--glass-bg: rgb(30 64 48 / 70%)}@font-face{font-display:auto;font-family:Grandview;font-style:normal;font-weight:var(--font-weight-light);src:url(/assets/GrandviewLight-CELBdOiE.woff2) format("woff2")}@font-face{font-display:auto;font-family:Grandview;font-style:normal;font-weight:var(--font-weight-normal);src:url(/assets/Grandview-Bnvkafv1.woff2) format("woff2")}@font-face{font-display:auto;font-family:Grandview;font-style:italic;font-weight:var(--font-weight-normal);src:url(/assets/GrandviewItalic-CrkrPi1W.woff2) format("woff2")}@font-face{font-display:auto;font-family:Grandview;font-style:normal;font-weight:var(--font-weight-bold);src:url(/assets/GrandviewBold-Bq19e_14.woff2) format("woff2")}.app-header{align-items:center;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);background:var(--glass-beasr-green);border-bottom:var(--border-s) solid var(--glass-border);box-shadow:var(--shadow-sm);display:flex;height:var(--header-height);justify-content:space-between;left:0;padding:var(--space-sm) var(--space-md);position:fixed;right:0;top:0;z-index:var(--z-sticky)}.app-header .header-left{align-items:center;display:flex;flex:1}.app-header .dashboard-label{color:var(--white);font-size:var(--font-sm);font-weight:var(--font-weight-medium)}.app-header .header-center{align-items:center;display:flex;flex-direction:column;gap:0}.app-header .brand-logo{display:block;height:var(--height-md);margin:0;object-fit:contain;width:var(--height-md)}.app-header .app-title{color:var(--white);font-size:var(--font-sm);font-weight:var(--font-weight-semibold);line-height:1;margin:0;padding:0}.app-header .header-right{align-items:center;display:flex;flex:1;justify-content:flex-end}.app-header .user-badge{align-items:center;cursor:pointer;display:flex;gap:var(--space-sm);position:relative}.app-header .badge-avatar-wrapper{height:var(--size-touch);position:relative;width:var(--size-touch)}.app-header .badge-avatar{border-radius:var(--percent-half);height:var(--size-touch);object-fit:cover;transition:opacity var(--transition-fast);width:var(--size-touch)}.app-header .badge-logout-icon{align-items:center;background:var(--danger-intense);border-radius:var(--percent-half);display:flex;height:var(--size-touch);justify-content:center;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity var(--transition-fast);width:var(--size-touch)}.app-header .badge-logout-icon i{color:var(--white);font-size:var(--font-sm)}.app-header .user-badge:hover .badge-avatar{opacity:.3}.app-header .user-badge:hover .badge-logout-icon{opacity:1}.app-header .user-badge span{color:var(--text-light-gray);font-size:var(--font-xs)}*{box-sizing:border-box;margin:0;padding:0}@supports (scrollbar-width: none){*{scrollbar-width:none}}html .hidden{display:none}body{background:var(--bg-dark);color:var(--white);font-family:var(--font-family-base);min-height:var(--viewport-app);overflow:hidden;padding-bottom:var(--taskbar-height);padding-top:var(--header-height);position:relative}@supports (scrollbar-width: none){body{scrollbar-width:none}}@supports (padding: env(safe-area-inset-bottom)){body{padding-bottom:calc(var(--taskbar-height) + env(safe-area-inset-bottom))}}@supports selector(::-webkit-scrollbar){body::-webkit-scrollbar{width:0}}[data-app]{height:calc(var(--viewport-full) - var(--header-height) - var(--taskbar-height));max-height:calc(var(--viewport-full) - var(--header-height) - var(--taskbar-height));min-height:calc(var(--viewport-full) - var(--header-height) - var(--taskbar-height));overflow:hidden;padding:0;position:relative;z-index:1}@supports (scrollbar-width: thin){[data-app]{scrollbar-color:var(--overlay-light) var(--shadow-light);scrollbar-width:thin}}@supports selector(::-webkit-scrollbar){[data-app]::-webkit-scrollbar{width:var(--space-sm)}[data-app]::-webkit-scrollbar-track{background:var(--shadow-light)}[data-app]::-webkit-scrollbar-thumb{background:var(--overlay-light);border-radius:var(--radius-sm)}[data-app]::-webkit-scrollbar-thumb:hover{background:var(--overlay-medium)}}@supports (padding: env(safe-area-inset-bottom)){[data-app]{height:calc(var(--viewport-full) - var(--header-height) - var(--taskbar-height) - env(safe-area-inset-bottom));max-height:calc(var(--viewport-full) - var(--header-height) - var(--taskbar-height) - env(safe-area-inset-bottom))}}body:before{background:var(--bg-dark);content:"";height:var(--percent-full);left:0;position:fixed;top:0;width:var(--percent-full);z-index:-1}.background-video{height:var(--percent-full);left:0;object-fit:cover;object-position:calc(var(--percent-half) + var(--space-md)) var(--percent-half);opacity:var(--opacity-medium);pointer-events:none;position:fixed;top:0;width:var(--percent-full);z-index:-1}.flex{display:flex}.flex-row{display:flex;flex-direction:row}.flex-column{display:flex;flex-direction:column}.flex-center{align-items:center;display:flex;justify-content:center}.flex-between{align-items:center;display:flex;justify-content:space-between}.flex-1{flex:1}.flex-auto{flex:auto}.flex-none{flex:none}.grid{display:grid}.grid-2-col{display:grid;grid-template-columns:repeat(2,1fr)}.grid-3-col{display:grid;grid-template-columns:repeat(3,1fr)}.grid-auto-fit{display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--width-col-md),1fr))}.u-hidden{display:none}.p-0{padding:0}.p-xs{padding:var(--space-xs)}.p-sm{padding:var(--space-sm)}.p-md{padding:var(--space-md)}.p-lg{padding:var(--space-lg)}.p-xl{padding:var(--space-xl)}.p-xxl{padding:var(--space-xxl)}.m-0{margin:0}.m-xs{margin:var(--space-xs)}.m-sm{margin:var(--space-sm)}.m-md{margin:var(--space-md)}.m-lg{margin:var(--space-lg)}.m-xl{margin:var(--space-xl)}.w-full{width:var(--percent-full)}.h-full{height:var(--percent-full)}.table-container{-webkit-backdrop-filter:none;backdrop-filter:none;background:none;border:none;border-radius:0;display:flex;flex:1;flex-direction:column;min-height:0;overflow:hidden}.table-wrapper{flex:1;min-height:0;overflow-y:auto}.base-table{border-collapse:collapse;font-size:var(--font-md);width:var(--percent-full)}.base-table thead{background:var(--shadow-medium)}.base-table thead th{border-bottom:var(--border-m) solid var(--glass-border);color:var(--beasr-yellow);cursor:pointer;font-size:var(--font-base);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wide);padding:var(--space-lg) var(--space-md);text-align:left;text-transform:uppercase;transition:all var(--transition-base);-webkit-user-select:none;user-select:none}.base-table thead th:hover{background:var(--dark-alpha-subtle);color:var(--beasr-yellow-dark)}.base-table thead th .icon{font-size:var(--font-xxs);margin-left:var(--space-xs);opacity:var(--opacity-muted)}.base-table thead th:last-child{cursor:default}.base-table thead th:last-child:hover{background:transparent;color:var(--beasr-yellow)}.list-item{border:none;display:flex;flex-direction:column;font-size:var(--font-base);gap:var(--space-sm);margin:0;padding:var(--space-lg);position:relative;transition:all var(--transition-slow);width:var(--percent-full)}.base-table tbody tr,.striped-list .list-item{background:var(--shadow-light);border-bottom:var(--border-s) solid var(--overlay-subtle);transition:all var(--transition-base)}.base-table tbody tr:nth-child(2n),.striped-list .list-item:nth-child(2n){background:var(--shadow-medium)}.base-table tbody tr:hover,.striped-list .list-item:hover{background:var(--overlay-subtle)}.base-table tbody tr:last-child,.striped-list .list-item:last-child{border-bottom:none}.base-table tbody td{color:var(--white);padding:var(--space-lg) var(--space-md)}.striped-list{width:var(--percent-full)}.btn-icon-small{align-items:center;-webkit-backdrop-filter:var(--blur-light);backdrop-filter:var(--blur-light);background:var(--overlay-subtle);border:var(--border-s) solid var(--overlay-light);border-radius:var(--radius-sm);color:var(--white);cursor:pointer;display:flex;font-size:var(--font-sm);height:var(--space-xxl);justify-content:center;padding:0;transition:all var(--transition-base);width:var(--space-xxl)}.btn-icon-small:hover{background:var(--overlay-light);transform:var(--transform-hover-sm)}.btn-icon-small:active{transform:translateY(0)}@media(max-width:768px){.modal-container{margin:var(--space-md);max-height:calc(100vh - var(--space-xxl))}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(var(--space-xl))}to{opacity:1;transform:translateY(0)}}@keyframes slide-down{0%{opacity:0;transform:translateY(calc(-1 * var(--space-xl)))}to{opacity:1;transform:translateY(0)}}@keyframes slide-in-right{0%{opacity:0;transform:translate(var(--percent-full))}to{opacity:1;transform:translate(0)}}.modal-input-container{margin-top:var(--space-lg)}.modal-input-container input{background:var(--glass-beasr-green);border:var(--border-s) solid var(--glass-border);border-radius:var(--space-sm);color:var(--white);font-size:var(--font-base);padding:var(--space-md) var(--space-lg);width:var(--percent-full)}.modal-input-container input:focus{border-color:var(--beasr-yellow);outline:none}.modal-container.modal-large{max-width:var(--width-modal-lg)}.modal-body{overflow-y:auto;padding:var(--space-xl)}.modal-footer{border-top:var(--border-s) solid var(--overlay-subtle);display:flex;gap:var(--space-md);justify-content:flex-end;padding:var(--space-lg) var(--space-xl)}.modal-footer .btn{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:flex;font-size:var(--font-md);font-weight:var(--font-weight-semibold);gap:var(--space-sm);padding:var(--space-sm) var(--space-xl);transition:all var(--transition-base)}.modal-footer .btn-secondary{background:var(--overlay-light);color:var(--white)}.modal-footer .btn-success{background:var(--success);color:var(--white)}.modal-footer .btn-danger{background:var(--danger-primary);color:var(--white)}.modal-footer .btn-primary{background:var(--beasr-yellow);color:var(--black)}.modal-footer .btn-warning{background:var(--warning);color:var(--black)}.modal-container .form-group{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-lg)}.modal-container .form-group label{color:var(--beasr-yellow);font-size:var(--font-sm);font-weight:var(--font-weight-semibold);text-transform:uppercase}.modal-container .form-group input[type=email],.modal-container .form-group input[type=password],.modal-container .form-group input[type=text],.modal-container .form-group input[type=number],.modal-container .form-group input[type=date],.modal-container .form-group select,.modal-container .form-group textarea{background:var(--overlay-subtle);border:var(--border-s) solid var(--overlay-light);border-radius:var(--radius-lg);color:var(--white);font-family:var(--font-family-base);font-size:var(--font-md);padding:var(--space-md) var(--space-lg)}.modal-container .form-group input:focus,.modal-container .form-group select:focus,.modal-container .form-group textarea:focus{background:var(--overlay-light);border-color:var(--beasr-yellow);box-shadow:var(--shadow-sm);outline:none}.modal-container .form-group input:disabled,.modal-container .form-group select:disabled,.modal-container .form-group textarea:disabled{cursor:not-allowed;opacity:.5}.modal-container .form-hint{color:var(--white-alpha-medium);font-size:var(--font-xs)}.modal-container .form-group input[type=checkbox]{margin-right:var(--space-sm)}.modal-container .status-toggle-group{display:flex;gap:var(--space-md)}.modal-container .status-toggle-btn{align-items:center;background:var(--overlay-subtle);border:var(--border-s) solid var(--overlay-light);border-radius:var(--radius-md);color:var(--white);cursor:pointer;display:flex;flex:1;font-size:var(--font-md);gap:var(--space-sm);justify-content:center;padding:var(--space-md);transition:all var(--transition-base)}.modal-container .status-toggle-btn:hover{background:var(--overlay-light);transform:var(--transform-hover-sm)}.modal-container .status-toggle-btn.active{background:var(--accent-medium);border-color:var(--beasr-yellow)}.modal-container .info-grid{display:grid;gap:var(--space-md);grid-template-columns:1fr 1fr}.modal-container .info-item{background:var(--overlay-subtle);border-radius:var(--radius-md);padding:var(--space-md)}.modal-container .info-label{color:var(--white-alpha-medium);font-size:var(--font-xs);text-transform:uppercase}.modal-container .info-value{color:var(--white);font-size:var(--font-md);font-weight:var(--font-weight-medium)}.modal-container .form-actions{display:flex;gap:var(--space-md);justify-content:flex-end;margin-top:var(--space-xl)}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(var(--space-sm));backdrop-filter:blur(var(--space-sm));background:var(--shadow-heavy);display:flex;height:var(--percent-full);justify-content:center;left:0;overflow-y:auto;position:fixed;top:0;width:var(--percent-full);z-index:var(--z-modal)}.modal-overlay.hidden{display:none}.modal-overlay:not(.hidden){animation:fade-in var(--transition-base) ease-out}.modal-container{animation:slide-up var(--transition-slow) ease-out;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);background:var(--glass-beasr-green);border:var(--border-s) solid var(--glass-border);border-radius:var(--space-lg);box-shadow:var(--glass-shadow);max-width:var(--width-modal-md);width:var(--percent-full)}.modal-container.modal-sm{max-width:var(--width-modal-sm)}.modal-container.modal-lg{max-width:var(--width-modal-lg)}.modal-container.modal-fullpage{animation:slide-in-right var(--transition-slow) ease-out;border-radius:0;max-width:none;min-height:var(--percent-full);width:var(--percent-full)}.modal-overlay:has(.modal-fullpage){align-items:flex-start;justify-content:stretch}.modal-container.modal-fullpage .modal-content{display:flex;flex-direction:column;padding:var(--space-xxl) var(--space-xxxl)}.modal-container.modal-fullpage form{align-self:center;max-width:var(--width-container-md);width:var(--percent-full)}.modal-container.modal-fullpage .modal-header{-webkit-backdrop-filter:var(--blur-medium);backdrop-filter:var(--blur-medium);background:var(--overlay-subtle);border-bottom:var(--border-s) solid var(--overlay-light);padding:var(--space-xl) var(--space-xxxl);position:sticky;top:0;z-index:var(--z-sticky)}.modal-container.modal-fullpage .modal-header h3{font-size:var(--font-xxl)}.modal-header{align-items:center;border-bottom:var(--border-s) solid var(--glass-border);display:flex;justify-content:space-between;padding:var(--space-xxl)}.modal-header h3{color:var(--beasr-yellow);font-size:var(--font-xl);font-weight:var(--font-weight-semibold);margin:0}.modal-content{padding:var(--space-xxl)}.modal-close{background:none;border:none;color:var(--white-alpha-strong);cursor:pointer;font-size:var(--font-xl);line-height:1;padding:var(--space-xs);transition:all var(--transition-base)}.modal-close:hover{color:var(--white);transform:scale(1.1)}.modal-container.modal-fullpage .modal-close{align-items:center;background:var(--overlay-light);border-radius:var(--radius-md);display:flex;font-size:var(--font-xxl);height:var(--space-xxxl);justify-content:center;padding:0;width:var(--space-xxxl)}.modal-container.modal-fullpage .modal-close:hover{background:var(--danger-primary);color:var(--white);transform:scale(1.05)}.modal-container.modal-fullpage .stats-content{align-self:center;display:flex;flex-direction:column;gap:var(--space-lg);max-width:var(--width-container-md);width:var(--percent-full)}.modal-container.modal-fullpage .stat-item{align-items:center;background:var(--overlay-subtle);border:var(--border-s) solid var(--overlay-light);border-radius:var(--radius-lg);display:flex;justify-content:space-between;padding:var(--space-lg) var(--space-xl)}.modal-container.modal-fullpage .stat-label{color:var(--text-light-gray);font-size:var(--font-md);font-weight:var(--font-weight-semibold)}.modal-container.modal-fullpage .stat-value{color:var(--beasr-yellow);font-size:var(--font-xl);font-weight:var(--font-weight-bold)}.action-btn{align-items:center;background:var(--overlay-subtle);border:var(--border-s) solid var(--overlay-light);border-radius:var(--radius-md);color:var(--white);cursor:pointer;display:inline-flex;font-size:var(--font-md);justify-content:center;margin:0 var(--border-m);min-height:var(--height-md);min-width:var(--height-md);padding:var(--space-sm);transition:all var(--transition-base)}.action-btn:hover{background:var(--accent-light);border-color:var(--beasr-yellow);transform:var(--transform-hover-sm)}.action-btn.btn-success{border-color:var(--success);color:var(--success)}.action-btn.btn-success:hover{background:var(--success);color:var(--white)}.action-btn.btn-danger,.action-btn.btn-delete{border-color:var(--danger-primary);color:var(--danger-primary)}.action-btn.btn-danger:hover,.action-btn.btn-delete:hover{background:var(--danger-primary);color:var(--white)}@media(max-width:768px){.action-toolbar{gap:var(--space-sm);padding:var(--space-md)}}.action-toolbar{border-bottom:var(--border-s) solid var(--overlay-subtle);display:flex;flex-shrink:0;flex-wrap:wrap;gap:var(--space-md);justify-content:center;padding:var(--space-lg) var(--space-xxl)}.action-toolbar .btn{align-items:center;border:none;border-radius:var(--radius-lg);cursor:pointer;display:flex;font-family:var(--font-family-base);font-size:var(--font-md);font-weight:var(--font-weight-semibold);gap:var(--space-sm);padding:var(--space-md) var(--space-xl);transition:all var(--transition-slow)}.action-toolbar .btn-primary{-webkit-backdrop-filter:var(--blur-light);backdrop-filter:var(--blur-light);background:var(--overlay-medium);border:var(--border-s) solid var(--overlay-medium);color:var(--white)}.action-toolbar .btn-primary:hover{background:var(--dark-alpha-medium);box-shadow:var(--shadow-lg);transform:var(--transform-hover-md)}.action-toolbar .btn-secondary{-webkit-backdrop-filter:var(--blur-light);backdrop-filter:var(--blur-light);background:var(--accent-light);border:var(--border-s) solid var(--accent-medium);color:var(--white)}.action-toolbar .btn-secondary:hover{background:var(--accent-medium);transform:var(--transform-hover-md)}@media(max-width:768px){.tab-btn{flex:1;padding:var(--space-sm);text-align:center}}.tab-btn{background:var(--overlay-subtle);border:var(--border-s) solid var(--overlay-light);border-radius:var(--radius-md);color:var(--white);cursor:pointer;font-size:var(--font-md);font-weight:var(--font-weight-medium);padding:var(--space-sm) var(--space-xl);transition:all var(--transition-base)}.tab-btn:hover{background:var(--overlay-light)}.tab-btn.active{background:var(--accent-medium);border-color:var(--beasr-yellow);color:var(--beasr-yellow)}@media not (max-width:768px){.filter-toolbar.collapsible-wrapper{-webkit-backdrop-filter:none;backdrop-filter:none;background:none;border:none;border-bottom:var(--border-s) solid var(--overlay-subtle);border-radius:0;display:flex;flex-flow:row wrap;flex-shrink:0;gap:var(--space-lg);justify-content:center;padding:var(--space-lg) var(--space-xxl)}.filter-toolbar .collapsible-toggle{display:none}.filter-toolbar .collapsible-content{display:contents}.filter-group{align-items:center;display:flex;gap:var(--space-sm)}.filter-group label{color:var(--white);font-size:var(--font-md);font-weight:var(--font-weight-medium);white-space:nowrap}.filter-group .custom-select{min-width:var(--width-col-md);width:auto}.filter-group .custom-select-trigger{gap:var(--space-sm);white-space:nowrap;width:auto}.filter-group select,.filter-group [type=text]{background:var(--overlay-subtle);border:var(--border-s) solid var(--overlay-light);border-radius:var(--radius-lg);color:var(--white);font-family:var(--font-family-base);font-size:var(--font-md);min-width:var(--width-col-sm);padding:var(--space-md) var(--space-lg)}.filter-group [type=text]:focus::placeholder{color:var(--text-muted)}.filter-group select option{background:var(--beasr-green-dark);color:var(--white)}}@media(max-width:768px){.filter-toolbar{border-bottom:var(--border-s) solid var(--overlay-subtle);padding:0}.filter-group [type=text]{background:var(--overlay-subtle);border:var(--border-s) solid var(--overlay-light);border-radius:var(--radius-lg);color:var(--white);font-family:var(--font-family-base);font-size:var(--font-md);padding:var(--space-md) var(--space-lg);width:var(--percent-full)}}.filter-group select:focus,.filter-group [type=text]:focus{background:var(--overlay-light);border-color:var(--beasr-yellow);box-shadow:var(--shadow-sm);outline:none}.filter-group [type=text]::placeholder{color:var(--text-muted)}.pagination-container{align-items:center;-webkit-backdrop-filter:none;backdrop-filter:none;background:none;border:none;border-radius:0;border-top:var(--border-s) solid var(--overlay-subtle);display:flex;flex-shrink:0;gap:var(--space-lg);justify-content:center;padding:var(--space-lg) var(--space-xxl)}.pagination-container .btn{align-items:center;background:var(--overlay-light);border:var(--border-s) solid var(--overlay-light);border-radius:var(--radius-md);color:var(--white);cursor:pointer;display:flex;font-size:var(--font-md);gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);transition:all var(--transition-base)}.pagination-container .btn:disabled{opacity:.4}.pagination-container .btn:hover:not(:disabled){background:var(--overlay-medium);transform:var(--transform-hover-sm)}.pagination-info{color:var(--white);font-size:var(--font-md);font-weight:var(--font-weight-medium)}@media(max-width:768px){.stats-overview{padding:var(--space-md)}.stat-card{flex:1;min-width:calc(50% - var(--space-md));padding:var(--space-sm) var(--space-md)}.stat-value{font-size:var(--font-lg)}}.stats-overview{border-bottom:var(--border-s) solid var(--overlay-subtle);display:flex;flex-wrap:wrap;gap:var(--space-md);justify-content:center;padding:var(--space-lg) var(--space-xxl)}.stat-card{align-items:center;-webkit-backdrop-filter:var(--blur-light);backdrop-filter:var(--blur-light);background:var(--overlay-subtle);border:var(--border-s) solid var(--overlay-light);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--space-xs);min-width:var(--width-col-sm);padding:var(--space-md) var(--space-xl)}.stat-value{color:var(--white);font-size:var(--font-xl);font-weight:var(--font-weight-bold)}.stat-label{color:var(--text-light-gray);font-size:var(--font-sm)}.confirmation-modal{-webkit-backdrop-filter:var(--blur-strong);backdrop-filter:var(--blur-strong);background:var(--dark-alpha-subtle);border:var(--border-m) solid var(--overlay-subtle);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);max-width:var(--width-modal-xs);padding:var(--space-sm) var(--space-lg)}.confirmation-modal .modal-header{border:none;display:flex;padding:0}.confirmation-modal .modal-header h3{color:var(--white);font-weight:var(--font-weight-semibold);margin:0}.confirmation-modal .modal-icon{align-items:center;-webkit-backdrop-filter:var(--blur-light);backdrop-filter:var(--blur-light);border-radius:var(--percent-half);display:flex;font-size:var(--font-xl);height:var(--size-icon-modal);justify-content:center;width:var(--size-icon-modal)}.confirmation-modal .modal-icon.warning{background:var(--accent-light);box-shadow:var(--drop-shadow-warning-medium);color:var(--beasr-yellow)}.confirmation-modal .modal-icon.danger{background:var(--danger-light);box-shadow:var(--drop-shadow-danger);color:var(--danger-primary)}.confirmation-modal .modal-icon.success{background:var(--success-light);box-shadow:var(--shadow-glow-success);color:var(--success-primary)}.confirmation-modal .modal-icon.info{background:var(--overlay-light);box-shadow:var(--shadow-glow-info);color:var(--white)}.confirmation-modal .modal-content{text-align:center}.confirmation-modal .modal-content p{color:var(--white-alpha-strong);font-size:var(--font-base);margin:0}.confirmation-modal .modal-actions{display:flex;gap:var(--space-xxl);justify-content:center}.confirmation-modal .modal-actions .btn{align-items:center;display:flex;justify-content:center;min-width:var(--size-icon-modal);padding:var(--space-sm);transition:all var(--transition-slow)}.confirmation-modal .modal-actions .btn i{font-size:var(--font-lg);margin:0}.confirmation-modal .modal-actions .btn span{display:none}.confirmation-modal .modal-actions .btn:hover{box-shadow:var(--shadow-lg)}@media(max-width:768px){.btn{font-size:var(--font-base);padding:var(--space-md) var(--space-xl)}.btn-icon{font-size:var(--font-md);height:var(--height-md);width:var(--height-md)}}@media(pointer:fine){.btn-primary:disabled{cursor:not-allowed}}.btn{align-items:center;border:none;border-radius:var(--radius-lg);cursor:pointer;display:inline-flex;font-family:var(--font-family-base);font-size:var(--font-md);font-weight:var(--font-weight-semibold);gap:var(--space-sm);padding:var(--space-md) var(--space-xxl);transition:all var(--transition-base)}.btn i{font-size:var(--font-lg)}.btn-primary{background:var(--beasr-yellow);color:var(--beasr-green)}.btn-primary:hover{background:var(--beasr-yellow-dark);box-shadow:var(--shadow-md);color:var(--white);transform:var(--transform-hover-md)}.btn-primary:disabled{opacity:.5;transform:none}.btn-secondary{background:var(--overlay-subtle);border:var(--border-s) solid var(--overlay-light);color:var(--white)}.btn-secondary:hover{background:var(--overlay-light);border-color:var(--overlay-medium);box-shadow:var(--shadow-md);transform:var(--transform-hover-md)}.btn-success{background:var(--success-primary);border:var(--border-s) solid var(--success-primary);color:var(--white)}.btn-success:hover{background:var(--success-dark);border-color:var(--success-dark);box-shadow:var(--shadow-md);transform:var(--transform-hover-md)}.btn-info{background:var(--info-color);border:var(--border-s) solid var(--info-color);color:var(--white)}.btn-danger{background:var(--danger-primary);border:var(--border-s) solid var(--danger-primary);color:var(--white)}.btn-danger:hover{background:var(--danger-intense);border-color:var(--danger-intense);box-shadow:var(--shadow-md);transform:var(--transform-hover-md)}.btn-icon{align-items:center;-webkit-backdrop-filter:var(--blur-light);backdrop-filter:var(--blur-light);background:var(--overlay-light);border:var(--border-s) solid var(--overlay-light);border-radius:var(--radius-md);color:var(--white);display:flex;height:var(--size-icon);justify-content:center;padding:0;width:var(--size-icon)}.btn-icon:hover{background:var(--overlay-medium);box-shadow:var(--shadow-md);transform:var(--transform-hover-sm)}.btn-icon:active{transform:translateY(0)}@media(max-width:768px){[data-app] .form-group{margin-bottom:var(--space-lg);margin-left:0;margin-right:0;padding:0;position:relative;z-index:1}[data-app] .form-group:has(.custom-select.open){z-index:var(--z-dropdown-active)}[data-app] .form-group label,[data-app] .form-group .form-label{font-size:var(--font-base);margin-bottom:var(--space-sm)}[data-app] .form-group [type=text],[data-app] .form-group [type=number],[data-app] .form-group textarea,[data-app] .form-group select{font-size:var(--font-base);padding:var(--space-md)}[data-app] .form-group select{background-position:right var(--space-base) center;padding-right:var(--height-md)}[data-app] .form-actions{flex-direction:column;gap:var(--space-sm)}[data-app] .form-actions .btn{width:var(--percent-full)}}@media(pointer:fine){[data-app] .form-group [readonly]{cursor:not-allowed}}[data-app] .form-group{margin-bottom:var(--space-xl)}[data-app] .form-group:last-child{margin-bottom:0}[data-app] .form-group label,[data-app] .form-group .form-label{color:var(--white);display:block;font-size:var(--font-md);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-sm)}[data-app] .form-group .required{color:var(--red)}[data-app] .form-group [type=text],[data-app] .form-group [type=number],[data-app] .form-group textarea,[data-app] .form-group select{background:var(--overlay-subtle);border:var(--border-s) solid var(--overlay-light);border-radius:var(--radius-lg);color:var(--white);font-family:var(--font-family-base);font-size:var(--font-md);padding:var(--space-md) var(--space-lg);transition:all var(--transition-slow);width:var(--percent-full)}[data-app] .form-group select{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='%23ffffff' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-position:right var(--space-md) center;background-repeat:no-repeat;cursor:pointer;padding-right:var(--border-xl)}[data-app] .form-group input::placeholder{color:var(--text-muted)}[data-app] .form-group textarea{font-family:inherit;min-height:var(--height-textarea)}@supports (resize: vertical){[data-app] .form-group textarea{resize:vertical}}[data-app] .form-group [type=text]:focus,[data-app] .form-group [type=number]:focus,[data-app] .form-group textarea:focus,[data-app] .form-group select:focus{background:var(--overlay-light);border-color:var(--beasr-yellow);box-shadow:var(--shadow-sm);outline:none}[data-app] .form-group input:focus::placeholder{color:var(--text-muted)}[data-app] .form-group select option{background-color:var(--beasr-green);color:var(--white);padding:var(--space-md) var(--space-lg)}[data-app] .form-group select option:hover{background-color:var(--overlay-light);color:var(--beasr-yellow)}[data-app] .form-group select option:checked,[data-app] .form-group select option:active{background-color:var(--accent-light);color:var(--beasr-yellow);font-weight:var(--font-weight-semibold)}[data-app] .form-group [readonly]{background:var(--overlay-subtle);color:var(--text-muted)}[data-app] .form-group [readonly]:focus{background:var(--overlay-subtle);border-color:var(--overlay-light);box-shadow:none}[data-app] .form-group small{color:var(--text-muted);display:block;font-size:var(--font-sm);margin-top:var(--space-xs)}[data-app] .form-group [type=range]{margin:var(--space-sm) 0;width:var(--percent-full)}[data-app] .form-group [type=checkbox]{cursor:pointer;height:var(--font-lg);margin-right:var(--space-sm);width:var(--font-lg)}[data-app] .form-group label:has([type=checkbox]){align-items:center;cursor:pointer;display:flex}[data-app] .form-actions{display:flex;gap:var(--space-md);margin-top:var(--space-xxl)}[data-app] .form-actions .btn{flex:1}@media(max-width:768px){[data-app] .custom-select{margin-left:0;margin-right:0}[data-app] .custom-select-trigger{border-left:none;border-radius:0;border-right:none;font-size:var(--font-base);min-height:var(--taskbar-height);position:relative;z-index:1}[data-app] .custom-select-trigger .bi-chevron-down{font-size:var(--font-sm)}[data-app] .custom-option{font-size:var(--font-base);min-height:var(--taskbar-height)}[data-app] .custom-option i{font-size:var(--font-md);width:var(--font-lg)}[data-app] .custom-select-options{border-radius:var(--radius-md)}[data-app] .custom-select.open .custom-select-options{max-height:var(--width-col-xl)}}[data-app] .custom-select{position:relative;width:var(--percent-full);z-index:var(--z-dropdown)}[data-app] .custom-select.open{z-index:var(--z-dropdown-active)}[data-app] .custom-select-trigger{align-items:center;-webkit-backdrop-filter:blur(var(--space-base));backdrop-filter:blur(var(--space-base));background:var(--overlay-medium);border:var(--border-s) solid var(--overlay-medium);border-radius:var(--radius-lg);color:var(--white);cursor:pointer;display:flex;font-family:var(--font-family-base);font-size:var(--font-md);justify-content:space-between;padding:var(--space-md) var(--space-lg);transition:all var(--transition-slow);width:var(--percent-full)}[data-app] .custom-select-trigger .placeholder{color:var(--text-muted)}[data-app] .custom-select-trigger span:not(.placeholder){color:var(--white)}[data-app] .custom-select-trigger .bi-chevron-down{transition:transform var(--transition-slow)}[data-app] .custom-select.open .custom-select-trigger .bi-chevron-down{transform:rotate(180deg)}[data-app] .custom-select-trigger:hover{background:var(--overlay-medium);border-color:var(--text-muted)}[data-app] .custom-select-options{-webkit-backdrop-filter:blur(var(--space-xl));backdrop-filter:blur(var(--space-xl));background:var(--dark-alpha-medium);border:var(--border-s) solid var(--beasr-green);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);left:0;max-height:0;opacity:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:calc(var(--percent-full) + var(--space-xs));transform:scaleY(0);transform-origin:top;transition:max-height var(--transition-slow) ease,opacity var(--transition-slow) ease,transform var(--transition-slow) ease;z-index:var(--z-dropdown-menu)}@supports (scrollbar-width: thin){[data-app] .custom-select-options{scrollbar-color:var(--overlay-medium) var(--shadow-light);scrollbar-width:thin}}[data-app] .custom-select.open .custom-select-options{max-height:var(--width-dropdown-md);opacity:1;overflow-y:auto;pointer-events:auto;transform:scaleY(1)}[data-app] .custom-option{align-items:center;color:var(--white);cursor:pointer;display:flex;font-size:var(--font-md);gap:var(--space-md);padding:var(--space-md) var(--space-lg);transition:all var(--transition-base)}[data-app] .custom-option i{font-size:var(--font-regular);text-align:center;width:var(--space-xl)}[data-app] .custom-option:hover{background:var(--overlay-light);color:var(--beasr-yellow)}[data-app] .custom-option.selected{background:var(--accent-light);color:var(--beasr-yellow)}@supports selector(::-webkit-scrollbar){[data-app] .custom-select-options::-webkit-scrollbar{width:var(--radius-md)}[data-app] .custom-select-options::-webkit-scrollbar-track{background:var(--shadow-light);border-radius:var(--radius-sm)}[data-app] .custom-select-options::-webkit-scrollbar-thumb{background:var(--overlay-medium);border-radius:var(--radius-sm)}[data-app] .custom-select-options::-webkit-scrollbar-thumb:hover{background:var(--dark-alpha-medium)}}@media(max-width:768px){.collapsible-wrapper{border-bottom:var(--border-s) solid var(--overlay-subtle);padding:0}.collapsible-toggle{align-items:center;background:var(--shadow-light);border-bottom:var(--border-s) solid var(--overlay-subtle);cursor:pointer;display:flex;justify-content:space-between;margin:0;min-height:var(--taskbar-height);padding:var(--space-md);-webkit-user-select:none;user-select:none}.collapsible-wrapper.collapsed .collapsible-toggle-icon{transform:rotate(180deg)}.collapsible-content{max-height:var(--width-container-xl);overflow:visible;padding:var(--space-lg) 0;position:relative;transition:max-height var(--transition-slow) ease-out,padding var(--transition-slow) ease-out;z-index:1}.collapsible-wrapper.collapsed .collapsible-content{max-height:0;overflow:hidden;padding:0}}@media not (max-width:768px){.collapsible-toggle{display:none}.collapsible-wrapper{border-bottom:var(--border-s) solid var(--overlay-subtle);padding:var(--space-xxl)}.collapsible-content{max-height:none;overflow:visible;padding:0}}.collapsible-wrapper{display:flex;flex-direction:column;margin:0}.collapsible-toggle-text{color:var(--white);font-size:var(--font-md);font-weight:var(--font-weight-semibold)}.collapsible-toggle-icon{color:var(--white);font-size:var(--font-lg);transition:transform var(--transition-slow)}.collapsible-content{display:flex;flex-direction:column;gap:0}@media(max-width:768px){.key-generator-page{margin:0;padding:0}.key-generator-page .page-content{display:flex;flex-direction:column;margin:0;padding:0}.key-generator-page .section-title{margin:0 0 var(--size-md)}.key-generator-page .collapsible-content .section-title,.key-generator-page .collapsible-content #keyForm{padding:0 var(--space-md)}.key-generator-page .keys-panel-header{background:var(--shadow-light);border-bottom:var(--border-s) solid var(--overlay-subtle);padding:var(--space-md)}.key-generator-page .keys-panel-header .section-title{margin:0}}.key-generator-page{-webkit-backdrop-filter:var(--blur-strong) var(--saturate-intense);backdrop-filter:var(--blur-strong) var(--saturate-intense);background:var(--dark-alpha-subtle);height:var(--percent-full);overflow-y:auto;padding:0}.key-generator-page .section-title{color:var(--white);flex-shrink:0;font-size:var(--font-xl);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-xl)}.key-generator-page .keys-panel-header{flex-shrink:0;padding:var(--space-xxl);padding-bottom:var(--space-lg)}.key-generator-page .keys-panel-header .section-title{align-items:center;display:flex;gap:var(--space-md);margin-bottom:0}.key-generator-page .key-count{background:var(--warning-subtle);border:var(--border-s) solid var(--warning-light);border-radius:var(--radius-lg);color:var(--beasr-yellow);font-size:var(--font-base);font-weight:var(--font-weight-semibold);padding:var(--space-xs) var(--space-base)}.key-generator-page .keys-list{display:flex;flex-direction:column;gap:0}.key-generator-page .keys-list::-webkit-scrollbar{width:var(--space-sm)}.key-generator-page .keys-list::-webkit-scrollbar-track{background:var(--shadow-light);border-radius:var(--radius-sm)}.key-generator-page .keys-list::-webkit-scrollbar-thumb{background:var(--overlay-light);border-radius:var(--radius-sm)}.key-generator-page .keys-list::-webkit-scrollbar-thumb:hover{background:var(--overlay-medium)}.key-generator-page .btn-block{justify-content:center;width:var(--percent-full)}.key-generator-page .btn{flex:1}.key-generator-page .btn-primary{-webkit-backdrop-filter:var(--blur-light);backdrop-filter:var(--blur-light);background:var(--overlay-medium);border:var(--border-s) solid var(--overlay-medium);color:var(--white)}.key-generator-page .btn-primary:hover{background:var(--overlay-medium);border-color:var(--white-alpha-medium);box-shadow:var(--shadow-md)}.key-generator-page .btn-secondary{-webkit-backdrop-filter:var(--blur-light);backdrop-filter:var(--blur-light);background:var(--accent-light);border:var(--border-s) solid var(--accent-medium);color:var(--white)}.key-generator-page .btn-secondary:hover{background:var(--accent-medium);color:var(--white)}.key-generator-page .btn-icon .flash-copy{animation:flash-copy 4s ease-out}@media(max-width:768px){.key-generator-page .key-output{border-radius:var(--radius-lg);margin-bottom:var(--space-lg);padding:var(--space-lg)}.key-generator-page .key-label{font-size:var(--font-xs);margin-bottom:var(--space-sm)}.key-generator-page .key-value-container{align-items:stretch;flex-direction:column;gap:var(--space-sm)}.key-generator-page .key-value{font-size:var(--font-xs);padding:var(--space-md);word-break:break-all}.key-generator-page .key-actions{justify-content:flex-end}.key-generator-page .success-msg{font-size:var(--font-sm);margin-top:var(--space-md);padding:var(--space-md)}}.key-generator-page .key-output{-webkit-backdrop-filter:var(--blur-strong) var(--saturate-intense);backdrop-filter:var(--blur-strong) var(--saturate-intense);background:var(--overlay-subtle);border:var(--border-s) solid var(--overlay-light);border-radius:var(--size-md);display:none;margin-bottom:var(--space-xxl);padding:var(--space-xxl)}.key-generator-page .key-output.show{display:block}.key-generator-page .key-label{color:var(--white-alpha-strong);font-size:var(--font-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-sm)}.key-generator-page .key-value-container{align-items:center;display:flex;gap:var(--space-sm)}.key-generator-page .key-value{background:var(--shadow-light);border:var(--border-s) solid var(--overlay-light);border-radius:var(--radius-md);color:var(--white);flex:1;font-family:var(--font-family-mono);font-size:var(--font-base);padding:var(--space-md);transition:filter var(--transition-base);word-break:break-all}.key-generator-page .key-value[data-masked=true]{filter:var(--blur-medium);-webkit-user-select:none;user-select:none}.key-generator-page .key-actions{display:flex;gap:var(--space-xs)}.key-generator-page .success-msg{-webkit-backdrop-filter:var(--blur-light);backdrop-filter:var(--blur-light);background:var(--brand-success-medium);border:var(--border-s) solid var(--overlay-light);border-radius:var(--radius-md);color:var(--white);display:none;font-size:var(--font-base);margin-top:var(--space-md);padding:var(--space-md)}.key-generator-page .success-msg.show{display:block}@media(max-width:768px){.key-generator-page .history-item{gap:var(--space-md);padding:var(--space-md)}.key-generator-page .history-item-header{flex-wrap:nowrap;gap:var(--space-sm)}.key-generator-page .history-item-type{flex:1;gap:var(--space-sm);min-width:0}.key-generator-page .history-item-type i{font-size:var(--font-md)}.key-generator-page .history-item-type .type-label{font-size:var(--font-sm)}.key-generator-page .history-item-size{font-size:var(--font-xxs);padding:var(--border-m) var(--space-xs)}.key-generator-page .history-item-bottom{align-items:stretch;display:flex;flex-direction:column;gap:var(--space-sm)}.key-generator-page .history-key-container{align-items:center;display:flex;flex-direction:row;gap:var(--space-sm);justify-content:space-between}.key-generator-page .history-key{flex:1;font-size:var(--font-xxs);min-width:0;overflow:hidden;padding:var(--space-sm);text-overflow:ellipsis}.key-generator-page .history-key-actions{align-items:center;display:flex;flex-shrink:0;gap:var(--space-xs);justify-content:flex-end}.key-generator-page .history-item-right{align-items:center;display:flex;flex-direction:row;gap:var(--space-md);justify-content:space-between;width:var(--percent-full)}.key-generator-page .history-item-creator{flex:1;font-size:var(--font-xxs);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.key-generator-page .history-item-meta{flex-shrink:0;font-size:var(--font-xxs);white-space:nowrap}.key-generator-page .btn-icon-small,.key-generator-page .btn-remove{font-size:var(--font-base);height:var(--size-touch);width:var(--size-touch)}}@media not (max-width:768px){.key-generator-page .history-item-right{align-items:flex-end;display:flex;flex-direction:column;gap:var(--border-m);min-width:0}}.key-generator-page .history-item-header{align-items:center;display:flex;justify-content:space-between}.key-generator-page .history-item-type{align-items:center;display:flex;gap:var(--space-sm)}.key-generator-page .history-item-type i{color:var(--beasr-yellow);font-size:var(--font-regular)}.key-generator-page .history-item-type .type-label{color:var(--white-alpha-strong);font-size:var(--font-base);font-weight:var(--font-weight-semibold)}.key-generator-page .history-item-size{background:var(--overlay-subtle);border-radius:var(--radius-sm);color:var(--text-muted);font-size:var(--font-xs);font-weight:var(--font-weight-normal);padding:var(--border-m) var(--radius-md)}.key-generator-page .history-item-owner{color:var(--white-alpha-strong);font-size:var(--font-base);font-weight:var(--font-weight-semibold);overflow:hidden;overflow-wrap:break-word;text-overflow:ellipsis}.key-generator-page .history-item-bottom{align-items:center;display:flex;gap:var(--space-md);justify-content:space-between}.key-generator-page .history-item-creator,.key-generator-page .history-item-meta{color:var(--text-muted);font-size:var(--font-xs);max-width:var(--percent-full);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.key-generator-page .history-key-container{align-items:center;display:flex;gap:var(--space-xs)}.key-generator-page .history-key{background:var(--shadow-light);border-radius:var(--radius-sm);color:var(--white-alpha-strong);font-family:var(--font-family-mono);font-size:var(--font-xs);max-width:var(--width-col-lg);overflow:hidden;padding:var(--space-xs) var(--space-sm);text-overflow:ellipsis;transition:filter var(--transition-base);white-space:nowrap}.key-generator-page .history-key[data-masked=true]{filter:var(--blur-soft);-webkit-user-select:none;user-select:none}.key-generator-page .history-key-actions{display:flex;gap:var(--border-m)}.key-generator-page .btn-icon-small .flash-copy{animation:flash-copy 4s ease-out}.key-generator-page .btn-icon-small .flash-red{animation:flash-red .6s ease-out}.key-generator-page .btn-icon-small .spin-animation{animation:spin .6s linear infinite}.key-generator-page .btn-remove{align-items:center;-webkit-backdrop-filter:var(--blur-light);backdrop-filter:var(--blur-light);background:var(--danger-subtle);border:var(--border-s) solid var(--danger-medium);border-radius:var(--radius-md);color:var(--danger-intense);cursor:pointer;display:flex;font-size:var(--font-xs);height:var(--space-xxl);justify-content:center;padding:0;transition:all var(--transition-base);width:var(--space-xxl)}.key-generator-page .btn-remove:hover{background:var(--danger-light);border-color:var(--danger-medium);transform:scale(1.1)}.key-generator-page .btn-remove:active{transform:scale(1)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes flash-copy{0%{color:var(--beasr-yellow);filter:var(--drop-shadow-warning-strong)}25%{color:var(--beasr-yellow);filter:var(--drop-shadow-warning-medium)}75%{color:var(--beasr-yellow);filter:var(--drop-shadow-warning-light)}to{color:var(--white);filter:none}}@keyframes flash-red{0%{color:var(--danger-intense);filter:var(--drop-shadow-danger);transform:scale(1.4)}to{color:var(--danger-intense);filter:none;transform:scale(1)}}@keyframes red-flash{0%{color:var(--white);filter:var(--drop-shadow-danger)}to{color:var(--danger-intense);filter:none}}@media(max-width:768px){.metadata-manager-page{height:var(--percent-full);overflow:hidden}.metadata-manager-page .table-container{display:flex;flex:1;flex-direction:column;min-height:0;overflow:hidden}.metadata-manager-page .table-wrapper{flex:1;overflow-y:auto}.metadata-manager-page .action-toolbar .btn{flex:1 1 var(--percent-half);justify-content:center;min-height:var(--taskbar-height);min-width:0}.metadata-manager-page .filter-toolbar{border-bottom:none;flex-direction:column;gap:0;padding:0}.metadata-manager-page .filter-group{align-items:stretch;flex:1 1 var(--percent-full);flex-direction:column;gap:var(--space-xs);padding:var(--space-md)}.metadata-manager-page .pagination-container{gap:var(--space-md);padding:var(--space-md)}.metadata-manager-page .pagination-container .btn{font-size:var(--font-base);padding:var(--space-md)}.metadata-manager-page .pagination-info{font-size:var(--font-base)}}.metadata-manager-page{-webkit-backdrop-filter:var(--blur-strong) var(--saturate-intense);backdrop-filter:var(--blur-strong) var(--saturate-intense);background:var(--dark-alpha-subtle);display:flex;flex-direction:column;height:var(--percent-full);overflow:hidden;padding:0}@media(pointer:fine){.metadata-manager-page .pagination-container .btn:disabled{cursor:not-allowed}}@media(max-width:768px){.metadata-manager-page .base-table{display:block;width:var(--percent-full)}.metadata-manager-page .base-table thead{display:none}.metadata-manager-page .base-table tbody{display:flex;flex-direction:column;gap:0;width:var(--percent-full)}.metadata-manager-page .base-table tbody tr{background:var(--shadow-light);border-bottom:var(--border-s) solid var(--overlay-subtle);display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-lg);width:var(--percent-full)}.metadata-manager-page .base-table tbody tr:nth-child(2n){background:var(--shadow-medium)}.metadata-manager-page .loading-row td,.metadata-manager-page .error-row td,.metadata-manager-page .empty-row td{padding:var(--space-xxxl) var(--space-lg)}.metadata-manager-page .base-table tbody td{align-items:center;border:none;color:var(--white);display:flex;justify-content:space-between;min-height:auto;padding:0;visibility:visible}.metadata-manager-page .base-table tbody td:before{color:var(--beasr-yellow);content:attr(data-label);flex-shrink:0;font-size:var(--font-xs);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wide);margin-right:var(--space-md);text-transform:uppercase}.metadata-manager-page .base-table tbody .route-cell{font-size:var(--font-base);font-weight:var(--font-weight-semibold);max-width:none;white-space:normal;word-break:break-all}.metadata-manager-page .base-table tbody .route-cell:before{content:"Route"}.metadata-manager-page .base-table tbody .title-cell:before{content:"Title"}.metadata-manager-page .base-table tbody .priority-cell:before{content:"Priority"}.metadata-manager-page .base-table tbody .indexed-cell:before{content:"Indexed"}.metadata-manager-page .base-table tbody .views-cell:before{content:"Views"}.metadata-manager-page .base-table tbody .source-cell:before{content:"Source"}.metadata-manager-page .base-table tbody .version-cell:before{content:"Version"}.metadata-manager-page .base-table tbody .title-cell{max-width:none;white-space:normal}.metadata-manager-page .base-table tbody .priority-cell,.metadata-manager-page .base-table tbody .indexed-cell,.metadata-manager-page .base-table tbody .views-cell,.metadata-manager-page .base-table tbody .version-cell{text-align:left}.metadata-manager-page .base-table tbody .actions-cell{border-top:var(--border-s) solid var(--overlay-subtle);gap:var(--space-sm);justify-content:flex-end;margin-top:var(--space-sm);padding-top:var(--space-md)}.metadata-manager-page .base-table tbody .actions-cell:before{display:none}.metadata-manager-page .priority-badge{font-size:var(--font-sm);padding:var(--space-xs) var(--space-base)}.metadata-manager-page .indexed-badge{padding:var(--space-xs) var(--space-sm)}.metadata-manager-page .action-btn{font-size:var(--font-regular);min-height:var(--space-xl);min-width:var(--space-xl);padding:var(--space-md)}.metadata-manager-page .loading-row,.metadata-manager-page .error-row,.metadata-manager-page .empty-row{display:block;text-align:center}}@media not (max-width:768px){.metadata-manager-page .base-table thead th{text-align:center}.metadata-manager-page .base-table thead th:nth-child(1),.metadata-manager-page .base-table thead th:nth-child(2){text-align:left}.metadata-manager-page .base-table tbody .route-cell{color:var(--beasr-yellow);font-family:var(--font-family-mono);font-size:var(--font-base);font-weight:var(--font-weight-medium)}.metadata-manager-page .base-table tbody .title-cell{max-width:var(--width-col-xl);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.metadata-manager-page .base-table tbody .priority-cell,.metadata-manager-page .base-table tbody .indexed-cell,.metadata-manager-page .base-table tbody .auth-cell,.metadata-manager-page .base-table tbody .member-cell{text-align:center}.metadata-manager-page .base-table tbody .views-cell{font-weight:var(--font-weight-medium);text-align:center}.metadata-manager-page .base-table tbody .source-cell{color:var(--text-light-gray);font-size:var(--font-sm);text-align:center}.metadata-manager-page .base-table tbody .version-cell{color:var(--text-mid-gray);font-size:var(--font-sm);text-align:center}.metadata-manager-page .base-table tbody .actions-cell{text-align:center}}.metadata-manager-page .priority-badge{border-radius:var(--radius-lg);display:inline-block;font-size:var(--font-sm);font-weight:var(--font-weight-semibold);padding:var(--space-xs) var(--space-base)}.metadata-manager-page .priority-badge.high{background:var(--success-light);border:var(--border-s) solid var(--success-medium);color:var(--success-primary)}.metadata-manager-page .priority-badge.medium{background:var(--warning-light);border:var(--border-s) solid var(--warning-medium);color:var(--warning-primary)}.metadata-manager-page .priority-badge.low{background:var(--danger-light);border:var(--border-s) solid var(--danger-medium);color:var(--danger-primary)}.metadata-manager-page .indexed-badge{align-items:center;border-radius:var(--percent-half);display:inline-flex;font-size:var(--font-md);height:var(--space-xxl);justify-content:center;width:var(--space-xxl)}.metadata-manager-page .indexed-badge.yes{color:var(--success-primary)}.metadata-manager-page .indexed-badge.no{color:var(--danger-primary)}.metadata-manager-page .action-btn.btn-delete{border-color:var(--danger-medium)}.metadata-manager-page .action-btn.btn-delete:hover{background:var(--danger-light);border-color:var(--danger-primary)}.metadata-manager-page .loading-row,.metadata-manager-page .error-row,.metadata-manager-page .empty-row{color:var(--text-light-gray);font-style:italic;text-align:center}.metadata-manager-page .loading-row td,.metadata-manager-page .error-row td,.metadata-manager-page .empty-row td{padding:var(--space-xl)}.metadata-manager-page .error-row{color:var(--danger-primary)}@media(max-width:768px){.metadata-manager-page .stat-item{align-items:flex-start;flex-direction:column;gap:var(--space-xs);padding:var(--space-md)}.metadata-manager-page .stat-label{font-size:var(--font-base)}.metadata-manager-page .stat-value{font-size:var(--font-lg)}}.metadata-manager-page .stats-content{display:flex;flex-direction:column;gap:var(--space-md)}.metadata-manager-page .stat-item{align-items:center;background:var(--dark-alpha-subtle);border:var(--border-s) solid var(--overlay-subtle);border-radius:var(--radius-lg);display:flex;justify-content:space-between;padding:var(--space-lg)}.metadata-manager-page .stat-label{color:var(--text-light-gray);font-size:var(--font-md);font-weight:var(--font-weight-medium)}.metadata-manager-page .stat-value{color:var(--beasr-yellow);font-size:var(--font-xl);font-weight:var(--font-weight-bold)}.metadata-manager-page .modal-container::-webkit-scrollbar{width:var(--space-sm)}.metadata-manager-page .modal-container::-webkit-scrollbar-track{background:var(--shadow-light)}.metadata-manager-page .modal-container::-webkit-scrollbar-thumb{background:var(--overlay-light);border-radius:var(--radius-sm)}@media(max-width:768px){.page-creator-page{padding:0}.page-creator-form{gap:var(--space-lg);padding:var(--space-lg)}.page-creator-page .form-section{padding:var(--space-lg)}.page-creator-page .section-title{font-size:var(--font-regular);margin-bottom:var(--space-lg);padding-bottom:var(--space-md)}.page-creator-page .form-field label{font-size:var(--font-base)}.page-creator-page .form-field [type=text],.page-creator-page .form-field textarea{font-size:var(--font-md);padding:var(--space-md)}.page-creator-page .form-field small{font-size:var(--font-sm)}}@media(pointer:fine){.page-creator-page .form-field [type=text]:disabled,.page-creator-page .form-field textarea:disabled{cursor:not-allowed}}@media(max-width:768px){.page-creator-page .form-row{gap:var(--space-lg);grid-template-columns:1fr;margin-bottom:var(--space-md)}}.page-creator-page{-webkit-backdrop-filter:var(--blur-strong) var(--saturate-intense);backdrop-filter:var(--blur-strong) var(--saturate-intense);background:var(--dark-alpha-subtle);display:flex;flex-direction:column;height:var(--percent-full);overflow:hidden auto}.page-creator-form{display:flex;flex-direction:column;gap:0}.page-creator-page .form-section{-webkit-backdrop-filter:none;backdrop-filter:none;background:none;border:none;border-bottom:var(--border-s) solid var(--overlay-subtle);border-radius:0;padding:var(--space-xxl)}.page-creator-page .section-title{align-items:center;color:var(--white);display:flex;font-size:var(--font-lg);font-weight:var(--font-weight-semibold);gap:var(--space-sm);margin:0 0 var(--space-md)}.page-creator-page .section-title i{color:var(--beasr-yellow);font-size:var(--font-xl)}.page-creator-page .section-title--spaced{margin-top:var(--space-xl)}.page-creator-page .section-description{background:var(--overlay-subtle);border-left:var(--border-m) solid var(--beasr-yellow);border-radius:var(--radius-md);color:var(--text-light-gray);font-size:var(--font-sm);line-height:var(--line-height-relaxed);margin-bottom:var(--space-xl);padding:var(--space-md) var(--space-lg)}.page-creator-page .form-group{display:flex;flex-direction:column;gap:var(--space-sm)}.page-creator-page .form-label{align-items:center;color:var(--white);display:flex;font-size:var(--font-md);font-weight:var(--font-weight-semibold);gap:var(--space-sm)}.page-creator-page .form-label i{color:var(--beasr-yellow);font-size:var(--font-lg)}.page-creator-page .form-help{color:var(--text-light-gray);font-size:var(--font-sm);line-height:var(--line-height-relaxed)}.page-creator-page .subpage-rows-container{display:flex;flex-direction:column;gap:var(--space-md);margin-bottom:var(--space-lg)}.page-creator-page .form-row{display:grid;gap:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(var(--width-modal-sm),1fr));margin-bottom:var(--space-lg);padding-top:var(--space-sm)}.page-creator-page .form-row:last-child{margin-bottom:0}.page-creator-page .form-field{display:flex;flex-direction:column;justify-content:flex-start}.page-creator-page .form-field-full{grid-column:1 / -1}.page-creator-page .form-field label{color:var(--white);font-size:var(--font-md);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-sm)}.page-creator-page .required{color:var(--red)}.page-creator-page .form-field [type=text],.page-creator-page .form-field textarea{background:var(--white-alpha-subtle);border:var(--border-s) solid var(--overlay-light);border-radius:var(--radius-lg);color:var(--white);font-size:var(--font-md);padding:var(--space-md);transition:all var(--transition-base);width:var(--percent-full)}.page-creator-page .form-field textarea{font-family:inherit;min-height:var(--height-textarea)}@supports (resize: vertical){.page-creator-page .form-field textarea{resize:vertical}}.page-creator-page .form-field [type=text]:focus,.page-creator-page .form-field textarea:focus{border-color:var(--beasr-yellow);box-shadow:var(--shadow-sm);outline:none}.page-creator-page .form-field [type=text]:disabled,.page-creator-page .form-field textarea:disabled{background:var(--shadow-light);opacity:var(--opacity-half)}.page-creator-page .form-field small{color:var(--text-muted);font-size:var(--font-sm);margin-top:var(--space-xs)}.page-creator-page .form-field [type=range]{margin:var(--space-sm) 0;width:var(--percent-full)}.page-creator-page .text-right{text-align:right}@media(max-width:768px){.page-creator-page .integration-grid{grid-template-columns:1fr}}.page-creator-page .integration-grid{display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(var(--width-col-xl),1fr))}.page-creator-page .integration-card{align-items:center;background:var(--dark-alpha-subtle);border:var(--border-m) solid var(--overlay-subtle);border-radius:var(--radius-lg);cursor:pointer;display:flex;flex-direction:column;padding:var(--space-xl);position:relative;text-align:center;transition:all var(--transition-slow)}.page-creator-page .integration-card:hover{background:var(--overlay-subtle);border-color:var(--overlay-medium)}.page-creator-page .integration-card [type=checkbox]{height:0;opacity:0;position:absolute;width:0}.page-creator-page .card-content{align-items:center;color:var(--white);display:flex;flex-direction:column;gap:var(--space-sm);transition:all var(--transition-slow)}.page-creator-page .card-content i{color:var(--white-alpha-strong);font-size:var(--font-xxl);transition:all var(--transition-slow)}.page-creator-page .integration-card [type=checkbox]:checked+.card-content{color:var(--beasr-yellow)}.page-creator-page .integration-card [type=checkbox]:checked~.card-content i{color:var(--beasr-yellow)}.page-creator-page .integration-card:has([type=checkbox]:checked){background:var(--accent-subtle);border-color:var(--beasr-yellow)}.page-creator-page .card-title{font-size:var(--font-md);font-weight:var(--font-weight-semibold)}.page-creator-page .card-content small{color:var(--text-muted);font-size:var(--font-sm)}.page-creator-page .integration-card.locked{opacity:.5;pointer-events:none}.page-creator-page .integration-card.locked:has([type=checkbox]:checked){background:var(--accent-subtle);border-color:var(--beasr-yellow)}.page-creator-page .lock-indicator{color:var(--beasr-yellow);opacity:.8;position:absolute;right:var(--space-sm);top:var(--space-sm);transform:scale(.5);transform-origin:top right}@media(max-width:768px){.page-creator-page .row-fields{grid-template-columns:1fr}.page-creator-page .row-field{width:var(--percent-full)}.page-creator-page .btn-remove-row{justify-self:end}}@media(pointer:fine){.page-creator-page .btn-add-row:disabled{cursor:not-allowed}}.page-creator-page .btn-add-row{align-items:center;background:var(--beasr-yellow);border:none;border-radius:var(--radius-md);color:var(--beasr-green);cursor:pointer;display:flex;font-size:var(--font-md);font-weight:var(--font-weight-semibold);gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);transition:all var(--transition-base)}.page-creator-page .btn-add-row:disabled{opacity:.5}.page-creator-page .btn-add-row:hover:not(:disabled){background:var(--beasr-green);color:var(--beasr-yellow);transform:var(--transform-hover-sm)}.page-creator-page .btn-add-row-small{font-size:var(--font-base);padding:var(--space-sm)}.page-creator-page .btn-remove-row{align-items:center;background:var(--danger-light);border:var(--border-s) solid var(--danger-primary);border-radius:var(--radius-md);color:var(--danger-primary);cursor:pointer;display:flex;justify-content:center;padding:var(--space-md);transition:all var(--transition-base)}.page-creator-page .btn-remove-row:hover{background:var(--danger-primary);color:var(--white);transform:scale(1.05)}.page-creator-page .btn-remove-row i{font-size:var(--font-regular)}@media(max-width:768px){.page-creator-page .subpage-row .row-fields{grid-template-columns:1fr}.page-creator-page .subpage-row .row-field-checkbox{flex-direction:row;justify-content:flex-start}.page-creator-page .subpage-row .row-field-checkbox label{flex-direction:row;text-align:left}.page-creator-page .subpage-row .btn-remove-row{justify-self:end}}.page-creator-page .subpage-row{background:var(--shadow-light);border:var(--border-s) solid var(--overlay-subtle);border-radius:var(--radius-lg);padding:var(--space-md);transition:all var(--transition-base)}.page-creator-page .subpage-row:hover{background:var(--shadow-medium);border-color:var(--overlay-light)}.page-creator-page .subpage-row .row-fields{align-items:center;display:grid;gap:var(--space-md);grid-template-columns:2fr 1fr .5fr .5fr 1.5fr 1.5fr auto}.page-creator-page .subpage-row .row-field-checkbox{align-items:center;display:flex;flex-direction:column;gap:var(--space-xs)}.page-creator-page .subpage-row .row-field-checkbox label{align-items:center;color:var(--white);cursor:pointer;display:flex;flex-direction:column;font-size:var(--font-sm);font-weight:var(--font-weight-medium);gap:var(--space-xs);text-align:center}.page-creator-page .subpage-row .row-field-checkbox [type=checkbox]{appearance:none;background:var(--white-alpha-subtle);border:var(--border-s) solid var(--overlay-light);border-radius:var(--radius-sm);cursor:pointer;height:var(--space-lg);position:relative;transition:all var(--transition-base);width:var(--space-lg)}.page-creator-page .subpage-row .row-field-checkbox [type=checkbox]:hover{background:var(--overlay-subtle);border-color:var(--overlay-medium)}.page-creator-page .subpage-row .row-field-checkbox [type=checkbox]:checked{background:var(--beasr-yellow);border-color:var(--beasr-yellow)}.page-creator-page .subpage-row .row-field-checkbox [type=checkbox]:checked:before{color:var(--beasr-green);content:"✓";font-size:var(--font-md);font-weight:var(--font-weight-bold);inset:50% 0 0 50%;position:absolute;transform:translate(-50%,-50%)}.page-creator-page .subpage-row .row-field-checkbox [type=checkbox]:focus{border-color:var(--beasr-yellow);box-shadow:var(--shadow-sm);outline:none}.page-creator-page .subpage-row .subpage-title,.page-creator-page .subpage-row .subpage-feature-flag,.page-creator-page .subpage-row .subpage-role{background:var(--white-alpha-subtle);border:var(--border-s) solid var(--overlay-light);border-radius:var(--radius-md);color:var(--white);font-size:var(--font-md);font-weight:var(--font-weight-medium);padding:var(--space-md);transition:all var(--transition-base);width:var(--percent-full)}.page-creator-page .subpage-row .subpage-title:focus,.page-creator-page .subpage-row .subpage-feature-flag:focus,.page-creator-page .subpage-row .subpage-role:focus{background:var(--overlay-subtle);border-color:var(--beasr-yellow);box-shadow:var(--shadow-sm);outline:none}.page-creator-page .subpage-row .subpage-agent{appearance:none;background:var(--white-alpha-subtle);background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' 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-position:right var(--space-base) center;background-repeat:no-repeat;background-size:var(--font-regular);border:var(--border-s) solid var(--overlay-light);border-radius:var(--radius-md);color:var(--white);cursor:pointer;font-size:var(--font-md);font-weight:var(--font-weight-medium);padding:var(--space-md);padding-right:var(--space-xl);transition:all var(--transition-base);width:var(--percent-full)}.page-creator-page .subpage-row .subpage-agent:hover{background:var(--overlay-subtle);border-color:var(--overlay-medium)}.page-creator-page .subpage-row .subpage-agent:focus{background:var(--overlay-subtle);border-color:var(--beasr-yellow);box-shadow:var(--shadow-sm);outline:none}.page-creator-page .subpage-row .subpage-agent option{background:var(--beasr-green);color:var(--white);font-weight:var(--font-weight-medium);padding:var(--space-md)}.page-creator-page .subpage-row .subpage-agent option:hover,.page-creator-page .subpage-row .subpage-agent option:checked{background:var(--beasr-yellow);color:var(--beasr-green)}.page-creator-page .subsection-title{align-items:center;color:var(--white);display:flex;font-size:var(--font-regular);font-weight:var(--font-weight-semibold);justify-content:space-between;margin:var(--space-xl) 0 var(--space-md) 0}.page-creator-page .section-title{align-items:center;display:flex;justify-content:space-between}.page-creator-page .rows-container{display:flex;flex-direction:column;gap:var(--space-md);margin-top:var(--space-md)}.page-creator-page .dynamic-row{background:var(--shadow-light);border:var(--border-s) solid var(--overlay-subtle);border-radius:var(--radius-lg);padding:var(--space-md);transition:all var(--transition-base)}.page-creator-page .dynamic-row:hover{background:var(--shadow-medium);border-color:var(--overlay-light)}.page-creator-page .row-fields{align-items:center;display:grid;gap:var(--space-md);grid-template-columns:auto 1fr 1fr auto}.page-creator-page .row-field{display:flex}.page-creator-page .row-field-grow{flex:1}.page-creator-page .row-field select,.page-creator-page .row-field [type=text]{background:var(--white-alpha-subtle);border:var(--border-s) solid var(--overlay-light);border-radius:var(--radius-md);color:var(--white);font-size:var(--font-md);font-weight:var(--font-weight-medium);padding:var(--space-md);transition:all var(--transition-base);width:var(--percent-full)}.page-creator-page .row-field select{appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' 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-position:right var(--space-base) center;background-repeat:no-repeat;background-size:var(--font-regular);cursor:pointer;padding-right:var(--space-xl)}.page-creator-page .row-field select:hover{background:var(--overlay-subtle);border-color:var(--overlay-medium)}.page-creator-page .row-field select:focus,.page-creator-page .row-field [type=text]:focus{background:var(--overlay-subtle);border-color:var(--beasr-yellow);box-shadow:var(--shadow-sm);outline:none}.page-creator-page .row-field select option{background:var(--beasr-green);color:var(--white);font-weight:var(--font-weight-medium);padding:var(--space-md)}.page-creator-page .row-field select option:hover,.page-creator-page .row-field select option:checked{background:var(--beasr-yellow);color:var(--beasr-green)}.page-creator-page .section-header{margin-bottom:var(--space-xxl)}.page-creator-page .section-title{color:var(--white);font-size:var(--font-xl);font-weight:var(--font-weight-semibold);margin:0}.page-creator-page .progress-section:not(.hidden){display:flex;flex-direction:column;gap:var(--space-xxl);padding:var(--space-xxl)}.page-creator-page .progress-title{color:var(--white);font-size:var(--font-xl);font-weight:var(--font-weight-semibold)}.page-creator-page .progress-bar-container{background:var(--shadow-medium);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);height:var(--space-md);overflow:hidden;width:var(--percent-full)}.page-creator-page .progress-bar{background:linear-gradient(90deg,var(--beasr-yellow),var(--beasr-yellow-dark));box-shadow:var(--shadow-md);height:var(--percent-full);transition:width var(--transition-slower) ease}.page-creator-page .progress-log{color:var(--white-alpha-strong);display:flex;flex-direction:column;font-size:var(--font-md);gap:var(--space-md);width:var(--percent-full)}.page-creator-page .progress-log-entry{background:var(--shadow-light);border-left:var(--space-xs) solid var(--beasr-yellow);border-radius:var(--radius-lg);padding:var(--space-md)}.page-creator-page .progress-log-main{color:var(--white);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-xs)}.page-creator-page .progress-log-detail{color:var(--white-alpha-strong);font-size:var(--font-sm);padding-left:var(--space-xxl)}.page-creator-page .result-section:not(.hidden){display:flex;flex-direction:column;height:var(--percent-full);padding:0}.page-creator-page .result-title{border-bottom:var(--border-s) solid var(--overlay-subtle);font-size:var(--font-xl);font-weight:var(--font-weight-semibold);padding:var(--space-xxl)}.page-creator-page .result-title.success{color:var(--beasr-yellow)}.page-creator-page .result-title.error{color:var(--danger-light)}.page-creator-page .result-content{color:var(--white);flex:1;line-height:var(--line-height-loose);overflow-y:auto;padding:0}.page-creator-page .result-content>p{border-bottom:var(--border-s) solid var(--overlay-subtle);margin:0;padding:var(--space-xxl)}.page-creator-page .files-created{background:var(--shadow-light);border-bottom:var(--border-s) solid var(--overlay-subtle);padding:var(--space-xxl)}.page-creator-page .files-created h3{color:var(--beasr-yellow);font-size:var(--font-regular);margin:0 0 var(--space-lg)}.page-creator-page .files-created ul{list-style:none;margin:0;padding:0}.page-creator-page .files-created li{background:var(--shadow-light);border-bottom:var(--border-s) solid var(--white-alpha-subtle);color:var(--white-alpha-strong);font-family:var(--font-family-mono);font-size:var(--font-base);margin:0;padding:var(--space-md)}.page-creator-page .files-created li:last-child{border-bottom:none}.page-creator-page .result-actions{border-top:var(--border-s) solid var(--overlay-subtle);display:flex;flex-wrap:wrap;gap:var(--space-md);padding:var(--space-xxl)}.user-management-page{-webkit-backdrop-filter:var(--blur-strong) var(--saturate-intense);backdrop-filter:var(--blur-strong) var(--saturate-intense);background:var(--dark-alpha-subtle);display:flex;flex-direction:column;height:var(--percent-full);overflow:hidden;padding:0}.user-management-page .role-badge{align-items:center;border-radius:var(--radius-sm);display:inline-flex;font-size:var(--font-sm);font-weight:var(--font-weight-semibold);gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);text-transform:capitalize}.user-management-page .role-admin{background:var(--beasr-yellow-dark);color:var(--black)}.user-management-page .role-user{background:var(--beasr-blue-dark);color:var(--white)}.user-management-page .status-badge{border-radius:var(--radius-sm);font-size:var(--font-sm);font-weight:var(--font-weight-semibold);padding:var(--space-xs) var(--space-sm);text-transform:capitalize}.user-management-page .status-active{background:var(--success);color:var(--white)}.user-management-page .status-inactive{background:var(--overlay-subtle);color:var(--white-alpha-medium)}.user-management-page .base-table thead th{text-align:center}.user-management-page .base-table thead th:first-child{text-align:left}.user-management-page .base-table tbody td{text-align:center}.user-management-page .base-table tbody td:first-child{text-align:left}.user-management-page .action-cell{text-align:center;white-space:nowrap}.user-management-page .action-btn.delete-user-btn{border-color:var(--danger-medium)}.user-management-page .action-btn.delete-user-btn:hover{background:var(--danger-light);border-color:var(--danger-primary)}.user-management-page .btn-danger{background:var(--danger-light);border-color:var(--danger-primary);color:var(--white)}.user-management-page .btn-danger:hover{background:var(--danger-primary);transform:var(--transform-hover-md)}.modal-overlay .modal-container.modal-xl{max-width:var(--width-container-xl);width:var(--percent-95)}.modal-overlay .modal-container.modal-xl .modal-content{display:flex;flex-direction:column;gap:var(--space-lg);max-height:70vh;overflow:hidden}.modal-overlay .modal-container.modal-fullpage .modal-content{gap:var(--space-xl);max-height:none}.platform-accounts-toolbar{align-items:center;display:flex;gap:var(--space-md)}.btn-sm{font-size:var(--font-sm);padding:var(--space-sm) var(--space-lg)}.btn-sm i{font-size:var(--font-md)}.btn-info{background:var(--info-color);border-color:var(--info-color);border-style:solid;border-width:var(--border-s);color:var(--white)}.btn-info:hover{background:#0056b3;border-color:#0056b3;box-shadow:var(--shadow-md);transform:var(--transform-hover-md)}.btn-warning{background:var(--warning-base);border-color:var(--warning-base);border-style:solid;border-width:var(--border-s);color:var(--white)}.btn-warning:hover{background:var(--warning-intense);border-color:var(--warning-intense);box-shadow:var(--shadow-md);transform:var(--transform-hover-md)}.badge{border-radius:var(--radius-md);display:inline-block;font-size:var(--font-xs);font-weight:var(--font-weight-semibold);padding:var(--space-xs) var(--space-sm);text-transform:uppercase}.badge-success{background:var(--success-base);color:var(--white)}.badge-danger{background:var(--danger-base);color:var(--white)}.badge-role-admin{background:var(--danger-primary);color:var(--white)}.badge-role-mod{background:var(--beasr-blue);color:var(--white)}.badge-role-dev{background:var(--beasr-green);color:var(--white)}.badge-role-user{background:var(--overlay-medium);color:var(--white)}.platform-accounts-table-container{flex:1;min-height:0;overflow:auto}.modal-fullpage .platform-accounts-table-container{flex:1;overflow-y:auto}.modal-fullpage .platform-accounts-toolbar{align-self:center;max-width:var(--width-container-lg);width:var(--percent-full)}.platform-accounts-table-container .base-table{min-width:var(--width-col-xl)}.platform-login-form{display:grid;gap:var(--space-lg);grid-template-columns:1fr}.platform-accounts-form-grid{display:grid;gap:var(--space-lg);grid-template-columns:repeat(2,1fr)}.platform-accounts-form-grid .form-group.full-width{grid-column:span 2}.form-group{display:flex;flex-direction:column;gap:var(--space-sm)}.form-group label{align-items:center;color:var(--text-primary);cursor:pointer;display:flex;font-size:var(--font-sm);font-weight:var(--font-weight-semibold)}.form-group input{background:var(--input-bg);border-color:var(--border-color);border-radius:var(--radius-md);border-style:solid;border-width:var(--border-width);color:var(--text-primary);font-size:var(--font-regular);padding:var(--space-md);transition:all var(--transition-fast)}.form-group .form-hint{color:var(--text-muted);font-size:var(--font-xs)}.form-group .checkbox-input{accent-color:var(--beasr-green);cursor:pointer;height:var(--space-lg);margin-right:var(--space-sm);width:var(--space-lg)}.linked-user-search-container{position:relative}.linked-user-search-container input{width:var(--percent-full)}.linked-user-results{background:var(--surface-elevated);border-color:var(--border-color);border-radius:var(--radius-md);border-style:solid;border-width:var(--border-width);box-shadow:var(--shadow-lg);margin-top:var(--space-xs);max-height:var(--height-modal-content);overflow-y:auto;position:absolute;width:var(--percent-full);z-index:var(--z-dropdown)}.user-result-item{align-items:flex-start;border-bottom:var(--border-width) solid var(--border-color);cursor:pointer;display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-md);transition:background var(--transition-fast)}.user-result-item:last-child{border-bottom:none}.user-result-item:hover{background:var(--surface-hover)}.user-result-item strong{color:var(--text-primary);font-size:var(--font-regular)}.user-result-item small{color:var(--text-muted);font-size:var(--font-xs)}.linked-user-selected{align-items:center;background:var(--beasr-green-alpha);border-color:var(--beasr-green);border-radius:var(--radius-md);border-style:solid;border-width:var(--border-width);display:flex;gap:var(--space-md);justify-content:space-between;margin-top:var(--space-sm);padding:var(--space-md)}.selected-user-info{display:flex;flex-direction:column;gap:var(--space-xs)}.selected-user-info strong{color:var(--text-primary);font-size:var(--font-regular)}.selected-user-info small{color:var(--text-muted);font-size:var(--font-xs)}.password-input-wrapper{align-items:center;display:flex;gap:0;position:relative}.password-input-wrapper input{flex:1;padding-right:var(--space-xxxl)}.password-input-wrapper .password-toggle-btn{align-items:center;background:transparent;border:none;color:var(--text-muted);cursor:pointer;display:flex;font-size:var(--font-lg);height:var(--percent-full);justify-content:center;padding:0 var(--space-md);position:absolute;right:0;top:0;transition:color var(--transition-fast)}.password-input-wrapper .password-toggle-btn:hover{color:var(--text-primary)}.password-input-wrapper .password-toggle-btn:focus{color:var(--beasr-green);outline:none}.form-group input:focus{border-color:var(--beasr-green);box-shadow:var(--focus-ring);outline:none}.password-strength-indicator{display:flex;flex-direction:column;gap:var(--space-xs)}.strength-bar{background:var(--surface-hover);border-radius:var(--radius-sm);height:var(--space-xs);overflow:hidden;transition:all var(--transition-base);width:0}.strength-bar.weak{background:var(--danger-base);width:var(--percent-half)}.strength-bar.fair{background:var(--warning-base);width:var(--percent-half)}.strength-bar.good{background:var(--beasr-blue);width:var(--percent-nearly-full)}.strength-bar.strong{background:var(--success-base);width:var(--percent-full)}.strength-text{color:var(--text-muted);font-size:var(--font-xs);font-weight:var(--font-weight-semibold)}.page-permissions-container{display:flex;flex-direction:column;gap:var(--space-sm);max-height:var(--height-modal-content);overflow-y:auto}.page-permission-item{align-items:flex-start;background:var(--surface-elevated);border-color:var(--border-color);border-radius:var(--radius-md);border-style:solid;border-width:var(--border-width);cursor:pointer;display:flex;gap:var(--space-md);padding:var(--space-md);transition:all var(--transition-fast)}.page-permission-item:hover{background:var(--surface-hover);border-color:var(--beasr-green)}.page-permission-checkbox{accent-color:var(--beasr-green);cursor:pointer;flex-shrink:0;height:var(--space-lg);margin-top:var(--space-xxs);width:var(--space-lg)}.page-permission-item div{display:flex;flex-direction:column;gap:var(--space-xs)}.page-permission-item strong{color:var(--text-primary);font-size:var(--font-regular)}.page-permission-item small{color:var(--text-muted);font-size:var(--font-xs)}.account-info-banner{align-items:center;background:var(--beasr-blue-alpha);border-color:var(--beasr-blue);border-radius:var(--radius-md);border-style:solid;border-width:var(--border-width);display:flex;gap:var(--space-md);margin-bottom:var(--space-lg);padding:var(--space-md)}.account-info-banner i{color:var(--beasr-blue);font-size:var(--font-xl)}.account-info-banner span{color:var(--text-primary);font-size:var(--font-regular)}.modal-overlay .custom-select{position:relative;width:var(--percent-full);z-index:var(--z-dropdown)}.modal-overlay .custom-select.open{z-index:var(--z-dropdown-active)}.modal-overlay .custom-select-trigger{align-items:center;-webkit-backdrop-filter:blur(var(--space-base));backdrop-filter:blur(var(--space-base));background:var(--overlay-medium);border-color:var(--overlay-medium);border-radius:var(--radius-lg);border-style:solid;border-width:var(--border-s);color:var(--white);cursor:pointer;display:flex;font-family:var(--font-family-base);font-size:var(--font-md);justify-content:space-between;padding:var(--space-md) var(--space-lg);transition:all var(--transition-slow);width:var(--percent-full)}.modal-overlay .custom-select-trigger .placeholder{color:var(--text-muted)}.modal-overlay .custom-select-trigger .bi-chevron-down{transition:transform var(--transition-slow)}.modal-overlay .custom-select.open .custom-select-trigger .bi-chevron-down{transform:rotate(180deg)}.modal-overlay .custom-select-trigger:hover{background:var(--overlay-medium);border-color:var(--text-muted)}.modal-overlay .custom-select-trigger span:not(.placeholder){color:var(--white)}.modal-overlay .custom-select-options{-webkit-backdrop-filter:blur(var(--space-xl));backdrop-filter:blur(var(--space-xl));background:var(--beasr-green);border-color:var(--beasr-green);border-radius:var(--radius-lg);border-style:solid;border-width:var(--border-s);box-shadow:var(--shadow-lg);left:0;max-height:0;opacity:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:calc(var(--percent-full) + var(--space-xs));transform:scaleY(0);transform-origin:top;transition:max-height var(--transition-slow) ease,opacity var(--transition-slow) ease,transform var(--transition-slow) ease;z-index:var(--z-dropdown-menu)}.modal-overlay .custom-select.open .custom-select-options{max-height:var(--width-dropdown-md);opacity:1;overflow-y:auto;pointer-events:auto;transform:scaleY(1)}.modal-overlay .custom-option{align-items:center;color:var(--white);cursor:pointer;display:flex;font-size:var(--font-md);gap:var(--space-md);padding:var(--space-md) var(--space-lg);transition:all var(--transition-base)}.modal-overlay .custom-option:hover{background:var(--overlay-light);color:var(--beasr-yellow)}.modal-overlay .custom-option.selected{background:var(--accent-light);color:var(--beasr-yellow)}.modal-overlay .custom-option i{font-size:var(--font-regular);text-align:center;width:var(--space-xl)}.action-buttons{align-items:center;display:flex;gap:var(--space-sm)}.platform-accounts-table-container .action-buttons{gap:var(--space-xs);justify-content:flex-start}.platform-accounts-table-container .action-buttons .btn{padding:var(--space-xs) var(--space-sm)}.platform-accounts-table-container .action-buttons .btn i{font-size:var(--font-sm)}.password-match-hint{color:var(--text-muted);font-size:var(--font-xs)}.password-match-hint.match{color:var(--success-base)}.password-match-hint.no-match{color:var(--danger-base)}.account-details-grid{display:grid;gap:var(--space-lg);grid-template-columns:repeat(2,1fr)}.detail-row{display:flex;flex-direction:column;gap:var(--space-xs)}.detail-row label{color:var(--text-muted);font-size:var(--font-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase}.detail-row .detail-value{color:var(--text-primary);font-size:var(--font-regular)}@media(max-width:768px){.platform-accounts-form-grid,.account-details-grid{grid-template-columns:1fr}}.env-accounts-info-banner{align-items:flex-start;background:var(--info-light);border-left:var(--border-m) solid var(--info-color);border-radius:var(--radius-md);display:flex;gap:var(--space-md);margin-bottom:var(--space-lg);padding:var(--space-lg)}.env-accounts-info-banner i{color:var(--info-color);flex-shrink:0;font-size:var(--font-xl)}.env-accounts-info-banner strong{color:var(--info-color);display:block;font-size:var(--font-md);margin-bottom:var(--space-xs)}.env-accounts-info-banner p{color:var(--text-secondary);font-size:var(--font-sm);line-height:var(--line-height-relaxed);margin:0}.env-accounts-stats{display:flex;flex-wrap:wrap;gap:var(--space-md);justify-content:center;margin-bottom:var(--space-lg)}.env-accounts-stats .stat-card{align-items:center;-webkit-backdrop-filter:var(--blur-light);backdrop-filter:var(--blur-light);background:var(--overlay-subtle);border:var(--border-s) solid var(--overlay-light);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--space-xs);min-width:var(--width-col-sm);padding:var(--space-md) var(--space-xl)}.env-accounts-stats .stat-value{color:var(--white);font-size:var(--font-xl);font-weight:var(--font-weight-bold)}.env-accounts-stats .stat-label{color:var(--text-light-gray);font-size:var(--font-sm)}.env-accounts-toolbar{align-items:center;display:flex;gap:var(--space-md);margin-bottom:var(--space-md)}.env-accounts-table-container{flex:1;overflow-y:auto}.modal-fullpage .env-accounts-table-container{flex:1;min-height:0}.modal-fullpage .env-accounts-info-banner,.modal-fullpage .env-accounts-toolbar{align-self:center;max-width:var(--width-container-lg);width:var(--percent-full)}.account-username{align-items:center;display:flex;gap:var(--space-sm)}.account-username i{color:var(--beasr-yellow);font-size:var(--font-lg)}.account-number{background:var(--overlay-subtle);border-radius:var(--radius-sm);color:var(--text-secondary);font-family:monospace;font-size:var(--font-sm);padding:var(--space-xs) var(--space-sm)}.special-flags{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.flag-badge{align-items:center;background:var(--overlay-medium);border:var(--border-s) solid var(--glass-border);border-radius:var(--radius-sm);color:var(--text-primary);display:inline-flex;font-size:var(--font-xs);gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);white-space:nowrap}.flag-badge i{color:var(--beasr-yellow);font-size:var(--font-sm)}@media(max-width:768px){.env-accounts-info-banner{flex-direction:column;gap:var(--space-sm);padding:var(--space-md)}.special-flags{flex-direction:column}}.guarantee-claims-page .claim-detail{display:flex;flex-direction:column;gap:var(--space-xl)}.guarantee-claims-page .detail-section{background:var(--overlay-subtle);border-radius:var(--radius-md);padding:var(--space-lg)}.guarantee-claims-page .detail-section h3{border-bottom:var(--border-s) solid var(--overlay-light);color:var(--beasr-yellow);font-size:var(--font-md);margin:0 0 var(--space-md) 0;padding-bottom:var(--space-sm)}.guarantee-claims-page .detail-grid{display:grid;gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(var(--width-col-sm),1fr))}.guarantee-claims-page .detail-item{display:flex;flex-direction:column;gap:var(--space-xs)}.guarantee-claims-page .detail-label{color:var(--text-light-gray);font-size:var(--font-sm)}.guarantee-claims-page .detail-value{color:var(--white);font-size:var(--font-md);font-weight:var(--font-weight-medium)}.guarantee-claims-page .detail-value.highlight{color:var(--beasr-yellow);font-weight:var(--font-weight-bold)}.guarantee-claims-page .suggestions-list{list-style:none;margin:0;padding:0}.guarantee-claims-page .suggestions-list li{background:var(--overlay-light);border-left:var(--border-m) solid var(--info);border-radius:var(--radius-sm);color:var(--white);margin-bottom:var(--space-sm);padding:var(--space-sm) var(--space-md)}.guarantee-claims-page .suggestions-list li.suggestion-high{border-left-color:var(--danger-primary)}.guarantee-claims-page .suggestions-list li.suggestion-medium{border-left-color:var(--warning)}.guarantee-claims-page .suggestions-list li.suggestion-low{border-left-color:var(--info)}.guarantee-claims-page .audit-timeline{display:flex;flex-direction:column;gap:var(--space-md)}.guarantee-claims-page .audit-entry{background:var(--overlay-light);border-left:var(--border-m) solid var(--beasr-yellow);border-radius:var(--radius-sm);padding:var(--space-md)}.guarantee-claims-page .audit-action{color:var(--beasr-yellow);font-weight:var(--font-weight-semibold);text-transform:capitalize}.guarantee-claims-page .audit-details{color:var(--white);font-size:var(--font-sm)}.guarantee-claims-page .audit-date{color:var(--text-light-gray);font-size:var(--font-xs)}.guarantee-claims-page .audit-reason{color:var(--text-light-gray);font-size:var(--font-sm);font-style:italic;margin-top:var(--space-xs)}.guarantee-claims-page .review-notes{color:var(--white);font-style:italic;margin:0}@media(max-width:768px){.guarantee-claims-page .claims-tabs{padding:var(--space-sm) var(--space-md)}.guarantee-claims-page .action-toolbar{padding:var(--space-md)}}.guarantee-claims-page{-webkit-backdrop-filter:var(--blur-strong) var(--saturate-intense);backdrop-filter:var(--blur-strong) var(--saturate-intense);background:var(--dark-alpha-subtle);display:flex;flex-direction:column;height:var(--percent-full);overflow:hidden;padding:0}.guarantee-claims-page .stat-pending .stat-value{color:var(--warning)}.guarantee-claims-page .stat-review .stat-value{color:var(--info)}.guarantee-claims-page .stat-approved .stat-value{color:var(--success)}.guarantee-claims-page .stat-refunded .stat-value{color:var(--beasr-yellow)}.guarantee-claims-page .claims-tabs{align-items:center;border-bottom:var(--border-s) solid var(--overlay-subtle);display:flex;gap:var(--space-md);justify-content:center;padding:var(--space-md) var(--space-xxl)}.guarantee-claims-page .user-info{display:flex;flex-direction:column;gap:var(--space-xs)}.guarantee-claims-page .user-email{color:var(--white);font-weight:var(--font-weight-medium)}.guarantee-claims-page .shortfall{color:var(--beasr-yellow);font-weight:var(--font-weight-semibold)}.guarantee-claims-page .status-badge{border-radius:var(--radius-sm);font-size:var(--font-sm);font-weight:var(--font-weight-semibold);padding:var(--space-xs) var(--space-sm);text-transform:capitalize}.guarantee-claims-page .status-pending{background:var(--warning);color:var(--black)}.guarantee-claims-page .status-under-review{background:var(--info);color:var(--white)}.guarantee-claims-page .status-approved{background:var(--success);color:var(--white)}.guarantee-claims-page .status-rejected{background:var(--danger-primary);color:var(--white)}.guarantee-claims-page .status-refunded{background:var(--beasr-yellow);color:var(--black)}.guarantee-claims-page .action-cell{text-align:center;white-space:nowrap}.guarantee-claims-page .action-btn.btn-primary{border-color:var(--beasr-yellow);color:var(--beasr-yellow)}.guarantee-claims-page .action-btn.btn-primary:hover{background:var(--beasr-yellow);color:var(--black)}.guarantee-claims-page .form-group{display:flex;flex-direction:column;gap:var(--space-sm)}.guarantee-claims-page .form-group label{color:var(--beasr-yellow);font-size:var(--font-sm);font-weight:var(--font-weight-semibold)}.guarantee-claims-page .form-group textarea{background:var(--overlay-subtle);border:var(--border-s) solid var(--overlay-light);border-radius:var(--radius-md);color:var(--white);font-family:var(--font-family-base);font-size:var(--font-md);padding:var(--space-md);resize:vertical}.guarantee-claims-page .form-group textarea:focus{border-color:var(--beasr-yellow);outline:none}.bug-review-page .bug-detail{display:flex;flex-direction:column;gap:var(--space-xl)}.bug-review-page .detail-section{background:var(--overlay-subtle);border-radius:var(--radius-md);padding:var(--space-lg)}.bug-review-page .detail-section h3{border-bottom:var(--border-s) solid var(--overlay-light);color:var(--beasr-yellow);font-size:var(--font-md);margin:0 0 var(--space-md) 0;padding-bottom:var(--space-sm)}.bug-review-page .detail-grid{display:grid;gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(var(--width-col-sm),1fr))}.bug-review-page .detail-item{display:flex;flex-direction:column;gap:var(--space-xs)}.bug-review-page .detail-item-full{grid-column:1 / -1}.bug-review-page .detail-label{color:var(--text-light-gray);font-size:var(--font-sm);text-transform:capitalize}.bug-review-page .detail-value{color:var(--white);font-size:var(--font-md);font-weight:var(--font-weight-medium);word-break:break-word}.bug-review-page .resolution-notes{color:var(--white);font-style:italic;margin:0}@media(max-width:768px){.bug-review-page .bug-tabs{padding:var(--space-sm) var(--space-md)}.bug-review-page .action-toolbar{padding:var(--space-md)}.bug-review-page .detail-grid{grid-template-columns:1fr}}.bug-review-page{-webkit-backdrop-filter:var(--blur-strong) var(--saturate-intense);backdrop-filter:var(--blur-strong) var(--saturate-intense);background:var(--dark-alpha-subtle);display:flex;flex-direction:column;height:var(--percent-full);overflow:hidden;padding:0}.bug-review-page .stat-new .stat-value{color:var(--warning)}.bug-review-page .stat-in-progress .stat-value{color:var(--info)}.bug-review-page .stat-resolved .stat-value{color:var(--success)}.bug-review-page .stat-closed .stat-value{color:var(--text-light-gray)}.bug-review-page .bug-tabs{align-items:center;border-bottom:var(--border-s) solid var(--overlay-subtle);display:flex;gap:var(--space-md);justify-content:center;padding:var(--space-md) var(--space-xxl)}.bug-review-page .description-cell{max-width:var(--width-col-lg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bug-review-page .status-badge{border-radius:var(--radius-sm);font-size:var(--font-sm);font-weight:var(--font-weight-semibold);padding:var(--space-xs) var(--space-sm);text-transform:capitalize}.bug-review-page .status-new{background:var(--warning);color:var(--black)}.bug-review-page .status-in-progress{background:var(--info);color:var(--white)}.bug-review-page .status-resolved{background:var(--success);color:var(--white)}.bug-review-page .status-closed{background:var(--text-light-gray);color:var(--black)}.bug-review-page .status-duplicate{background:var(--overlay-light);color:var(--text-light-gray)}.bug-review-page .severity-badge{border-radius:var(--radius-sm);font-size:var(--font-sm);font-weight:var(--font-weight-semibold);padding:var(--space-xs) var(--space-sm);text-transform:capitalize}.bug-review-page .severity-critical{background:var(--danger-primary);color:var(--white)}.bug-review-page .severity-medium{background:var(--warning);color:var(--black)}.bug-review-page .severity-low{background:var(--info);color:var(--white)}.bug-review-page .action-cell{text-align:center;white-space:nowrap}.bug-review-page .action-btn.btn-primary{border-color:var(--beasr-yellow);color:var(--beasr-yellow)}.bug-review-page .action-btn.btn-primary:hover{background:var(--beasr-yellow);color:var(--black)}.bug-review-page .action-btn.btn-secondary{border-color:var(--text-light-gray);color:var(--text-light-gray)}.bug-review-page .action-btn.btn-secondary:hover{background:var(--text-light-gray);color:var(--black)}.bug-review-page .form-group{display:flex;flex-direction:column;gap:var(--space-sm)}.bug-review-page .form-group label{color:var(--beasr-yellow);font-size:var(--font-sm);font-weight:var(--font-weight-semibold)}.bug-review-page .form-group textarea{background:var(--overlay-subtle);border:var(--border-s) solid var(--overlay-light);border-radius:var(--radius-md);color:var(--white);font-family:var(--font-family-base);font-size:var(--font-md);padding:var(--space-md);resize:vertical}.bug-review-page .form-group textarea:focus{border-color:var(--beasr-yellow);outline:none}.homepage-page .hp-stat-card{align-items:center;background:var(--overlay-subtle);border:var(--border-s) solid var(--overlay-light);border-radius:var(--radius-lg);color:var(--text-light-gray);cursor:pointer;display:flex;flex:1 0 var(--width-col-sm);flex-direction:column;gap:var(--space-xs);padding:var(--space-md) var(--space-lg);transition:border-color var(--transition-fast),transform var(--transition-fast)}.homepage-page .hp-stat-card:hover{border-color:var(--accent-medium);transform:var(--transform-hover-sm)}.homepage-page .hp-stat-card--static{cursor:default}.homepage-page .hp-stat-card--static:hover{border-color:var(--overlay-light);transform:none}.homepage-page .hp-stat-card i{color:var(--beasr-yellow);font-size:var(--font-lg)}.homepage-page .hp-stat-value{color:var(--white);font-size:var(--font-xl);font-weight:var(--font-weight-bold)}.homepage-page .hp-stat-label{color:var(--text-mid-gray);font-size:var(--font-xxs);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase}.homepage-page .widget-grid{display:grid;flex:1 1 0;gap:var(--space-lg);grid-template-columns:repeat(2,1fr);min-height:0;overflow-y:auto;padding:var(--space-sm)}.homepage-page .widget-card{background:var(--overlay-subtle);border:var(--border-s) solid var(--overlay-light);border-radius:var(--radius-lg);display:flex;flex-direction:column}.homepage-page .widget-header{align-items:center;border-bottom:var(--border-s) solid var(--overlay-light);display:flex;gap:var(--space-sm);padding:var(--space-md) var(--space-lg)}.homepage-page .widget-header i{color:var(--beasr-yellow);font-size:var(--font-base)}.homepage-page .widget-header h3{color:var(--white);font-size:var(--font-sm);font-weight:var(--font-weight-semibold);margin:0}.homepage-page .widget-placeholder{align-items:center;color:var(--text-mid-gray);display:flex;flex:1;flex-direction:column;gap:var(--space-sm);justify-content:center;padding:var(--space-xl)}.homepage-page .widget-placeholder i{font-size:var(--font-xxl);opacity:var(--opacity-medium)}.homepage-page .widget-placeholder span{font-size:var(--font-xs)}.homepage-page .widget-nav-list{display:flex;flex-direction:column;padding:var(--space-sm)}.homepage-page .widget-nav-link{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:var(--text-light-gray);cursor:pointer;display:flex;font-family:inherit;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);transition:background var(--transition-fast);width:var(--percent-full)}.homepage-page .widget-nav-link:hover{background:var(--overlay-light);color:var(--white)}.homepage-page .widget-nav-link i{font-size:var(--font-sm);width:var(--space-xl)}.homepage-page .widget-nav-link span{font-size:var(--font-sm)}.homepage-page .widget-alert-list{display:flex;flex-direction:column;list-style:none;margin:0;padding:var(--space-sm)}.homepage-page .widget-alert-empty{color:var(--text-mid-gray);font-size:var(--font-sm);padding:var(--space-xl);text-align:center}.homepage-page .tree-branch{cursor:pointer;list-style:none}.homepage-page .widget-alert-item{align-items:center;border-radius:var(--radius-md);color:var(--warning-primary);display:flex;font-size:var(--font-sm);font-weight:var(--font-weight-semibold);gap:var(--space-sm);padding:var(--space-sm) var(--space-md);transition:background var(--transition-fast)}.homepage-page .tree-branch:hover>.widget-alert-item{background:var(--overlay-light)}.homepage-page .tree-children{list-style:none;margin:0;padding:0 0 0 var(--space-xl)}.homepage-page .tree-child{border-left:var(--border-s) solid var(--text-mid-gray);color:var(--text-light-gray);font-size:var(--font-xs);margin-left:var(--space-sm);padding:var(--space-xs) 0 var(--space-xs) var(--space-md);position:relative}.homepage-page .tree-child:last-child{border-left-color:transparent}.homepage-page .tree-connector{color:var(--text-mid-gray);font-family:var(--font-family-mono);left:calc(-1 * var(--space-xs));position:absolute;top:var(--space-xs);-webkit-user-select:none;user-select:none}.homepage-page .tree-more{color:var(--text-mid-gray);font-style:italic}.homepage-page .widget-card--clickable{cursor:pointer;transition:border-color var(--transition-fast)}.homepage-page .widget-card--clickable:hover{border-color:var(--accent-medium)}.homepage-page .health-summary{display:flex;flex-direction:column;flex:1;gap:var(--space-xs);padding:var(--space-sm) var(--space-lg)}.homepage-page .health-summary-row{align-items:center;display:flex;justify-content:space-between;padding:var(--space-xs) 0}.homepage-page .health-summary-label{color:var(--text-mid-gray);font-size:var(--font-xs)}.homepage-page .health-summary-value{color:var(--text-light-gray);font-size:var(--font-xs);font-weight:var(--font-weight-medium)}.homepage-page .health-dot{background:var(--text-mid-gray);border-radius:var(--radius-sm);flex-shrink:0;height:var(--space-sm);width:var(--space-sm)}.homepage-page .health-dot--ok{background:var(--success-primary)}.homepage-page .health-dot--error{background:var(--danger-primary)}.homepage-page .health-dot--unknown{background:var(--text-mid-gray)}.homepage-page .health-status-badge{border-radius:var(--radius-md);font-size:var(--font-xxs);letter-spacing:var(--letter-spacing-wide);margin-left:auto;padding:var(--space-xs) var(--space-sm);text-transform:uppercase}.homepage-page .health-status-badge--ok{background:var(--success-light);color:var(--success-primary)}.homepage-page .health-status-badge--degraded{background:var(--warning-light);color:var(--warning-primary)}.homepage-page .health-status-badge--error{background:var(--danger-light);color:var(--danger-primary)}.homepage-page .health-svc-dots{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-sm)}.homepage-page .health-svc-dot{align-items:center;color:var(--text-mid-gray);display:flex;font-size:var(--font-xxs);gap:var(--space-xs)}.homepage-page .health-services-row{border-top:var(--border-s) solid var(--overlay-light);flex-wrap:wrap;gap:var(--space-xs);margin-top:var(--space-xs);padding-top:var(--space-sm)}.homepage-page .health-summary-footer{border-top:var(--border-s) solid var(--overlay-light);color:var(--text-mid-gray);font-size:var(--font-xs);padding:var(--space-sm) var(--space-lg);text-align:right}.homepage-page .health-summary-footer:hover{color:var(--beasr-yellow)}@media(max-width:768px){.homepage-page .widget-grid{grid-template-columns:1fr}.homepage-page .hp-stat-card{flex:1 0 auto;min-width:auto}}.homepage-page{-webkit-backdrop-filter:var(--blur-strong) var(--saturate-intense);backdrop-filter:var(--blur-strong) var(--saturate-intense);background:var(--dark-alpha-subtle);display:flex;flex-direction:column;gap:var(--space-lg);height:var(--percent-full);overflow:hidden;padding:var(--space-xl);padding-bottom:0}.homepage-page .page-header{align-items:center;display:flex;flex-shrink:0;justify-content:space-between}.homepage-page .page-header h2{color:var(--white);font-size:var(--font-xl);font-weight:var(--font-weight-semibold);margin:0}.homepage-page .page-header-actions{align-items:center;display:flex;gap:var(--space-sm)}.homepage-page .last-updated{color:var(--text-mid-gray);font-size:var(--font-xs)}.homepage-page .stat-strip{display:flex;flex-shrink:0;gap:var(--space-sm);overflow-x:auto;scrollbar-width:none;padding:var(--space-sm)}.homepage-page .stat-strip::-webkit-scrollbar{display:none}.membership-overview-page .stats-grid{display:grid;gap:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(var(--width-col-lg),1fr));margin-bottom:var(--space-xl)}.membership-overview-page .stat-section{background:var(--overlay-subtle);border:var(--border-s) solid var(--overlay-light);border-radius:var(--radius-lg);padding:var(--space-lg)}.membership-overview-page .stat-section h2{align-items:center;border-bottom:var(--border-s) solid var(--overlay-light);color:var(--beasr-yellow);display:flex;font-size:var(--font-lg);gap:var(--space-sm);margin:0 0 var(--space-lg) 0;padding-bottom:var(--space-md)}.membership-overview-page .stat-section h2 i{font-size:var(--font-xl)}.membership-overview-page .stat-cards{display:flex;flex-wrap:wrap;gap:var(--space-md)}.membership-overview-page .stat-card{align-items:center;-webkit-backdrop-filter:var(--blur-light);backdrop-filter:var(--blur-light);background:var(--overlay-light);border:var(--border-s) solid var(--overlay-medium);border-radius:var(--radius-md);display:flex;flex:1;flex-direction:column;gap:var(--space-xs);min-width:var(--width-col-xs);padding:var(--space-md) var(--space-lg)}.membership-overview-page .stat-value{color:var(--white);font-size:var(--font-xl);font-weight:var(--font-weight-bold)}.membership-overview-page .stat-label{color:var(--text-light-gray);font-size:var(--font-sm)}.membership-overview-page .stat-trial .stat-value{color:var(--info)}.membership-overview-page .stat-active .stat-value{color:var(--success)}.membership-overview-page .stat-total .stat-value{color:var(--beasr-yellow)}.membership-overview-page .stat-cancelled .stat-value{color:var(--danger-primary)}.membership-overview-page .stat-monthly .stat-value{color:var(--info)}.membership-overview-page .stat-annual .stat-value{color:var(--success)}.membership-overview-page .stat-pending .stat-value{color:var(--warning)}.membership-overview-page .stat-review .stat-value{color:var(--info)}.membership-overview-page .stat-refunded .stat-value{color:var(--beasr-yellow)}.membership-overview-page .stat-total-refunded .stat-value{color:var(--danger-primary)}.membership-overview-page .stat-savings-total .stat-value{color:var(--success);font-size:var(--font-xxl)}.membership-overview-page .cancellations-section{background:var(--overlay-subtle);border:var(--border-s) solid var(--overlay-light);border-radius:var(--radius-lg);padding:var(--space-lg)}.membership-overview-page .cancellations-section h2{align-items:center;border-bottom:var(--border-s) solid var(--overlay-light);color:var(--danger-primary);display:flex;font-size:var(--font-lg);gap:var(--space-sm);margin:0 0 var(--space-lg) 0;padding-bottom:var(--space-md)}.membership-overview-page .plan-badge{border-radius:var(--radius-sm);font-size:var(--font-sm);font-weight:var(--font-weight-semibold);padding:var(--space-xs) var(--space-sm);text-transform:capitalize}.membership-overview-page .plan-monthly{background:var(--info);color:var(--white)}.membership-overview-page .plan-annual{background:var(--success);color:var(--white)}@media(max-width:768px){.membership-overview-page{padding:var(--space-md)}.membership-overview-page .overview-header{flex-direction:column;gap:var(--space-md);text-align:center}.membership-overview-page .stats-grid{grid-template-columns:1fr}.membership-overview-page .stat-cards{flex-direction:column}.membership-overview-page .stat-card{min-width:auto}}.membership-overview-page{-webkit-backdrop-filter:var(--blur-strong) var(--saturate-intense);backdrop-filter:var(--blur-strong) var(--saturate-intense);background:var(--dark-alpha-subtle);display:flex;flex-direction:column;height:var(--percent-full);overflow-y:auto;padding:var(--space-xl)}.membership-overview-page .overview-header{align-items:center;border-bottom:var(--border-s) solid var(--overlay-subtle);display:flex;justify-content:space-between;margin-bottom:var(--space-xl);padding-bottom:var(--space-lg)}.membership-overview-page .overview-header h1{color:var(--beasr-yellow);font-size:var(--font-xxl);margin:0}.membership-overview-page .btn-secondary{-webkit-backdrop-filter:var(--blur-light);backdrop-filter:var(--blur-light);background:var(--accent-light);border:var(--border-s) solid var(--accent-medium);border-radius:var(--radius-md);color:var(--white);cursor:pointer;font-size:var(--font-md);padding:var(--space-sm) var(--space-lg);transition:all var(--transition-base)}.membership-overview-page .btn-secondary:hover{background:var(--accent-medium);transform:var(--transform-hover-sm)}.membership-overview-page .btn-secondary:disabled{cursor:not-allowed;opacity:.6}@media(max-width:768px){.leads-page{padding:var(--space-md)}.leads-page .page-header{flex-direction:column}.leads-page .header-actions{width:var(--percent-full)}.leads-page .header-actions .btn{flex:1}.leads-page .stats-grid{grid-template-columns:repeat(2,1fr)}.leads-page .conversion-stats{flex-direction:column}.leads-page .conversion-card{min-width:unset}.leads-page .section-header{align-items:flex-start;flex-direction:column}.leads-page .filter-buttons{width:var(--percent-full)}.leads-page .filter-btn{flex:1;text-align:center}}.leads-page .stats-grid{display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(var(--grid-stat-min),1fr));margin-bottom:var(--space-xl)}.leads-page .stat-card{align-items:center;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);background:var(--dark-alpha-subtle);border:var(--border-s) solid var(--glass-border);border-radius:var(--radius-lg);display:flex;gap:var(--space-lg);padding:var(--space-lg)}.leads-page .stat-icon{font-size:var(--font-xxl)}.leads-page .stat-card.segment-hot{border-left:var(--border-xl) solid var(--danger-primary)}.leads-page .stat-card.segment-hot .stat-icon{color:var(--danger-primary)}.leads-page .stat-card.segment-warm{border-left:var(--border-xl) solid var(--warning-primary)}.leads-page .stat-card.segment-warm .stat-icon{color:var(--warning-primary)}.leads-page .stat-card.segment-cold{border-left:var(--border-xl) solid var(--info-color)}.leads-page .stat-card.segment-cold .stat-icon{color:var(--info-color)}.leads-page .stat-card.total{border-left:var(--border-xl) solid var(--beasr-yellow)}.leads-page .stat-card.total .stat-icon{color:var(--beasr-yellow)}.leads-page .stat-value{color:var(--white);font-size:var(--font-xl);font-weight:var(--font-weight-bold)}.leads-page .stat-label{color:var(--text-light-gray);font-size:var(--font-sm)}.leads-page .stat-sublabel{color:var(--text-muted);font-size:var(--font-xs)}.leads-page .conversion-stats{display:flex;flex-wrap:wrap;gap:var(--space-md);margin-bottom:var(--space-xl)}.leads-page .conversion-card{align-items:center;background:var(--overlay-subtle);border-radius:var(--radius-md);display:flex;flex:1;gap:var(--space-sm);min-width:var(--width-card-min);padding:var(--space-md) var(--space-lg)}.leads-page .conversion-card.highlight{background:var(--overlay-beasr-yellow)}.leads-page .conversion-icon{color:var(--text-light-gray);font-size:var(--font-lg)}.leads-page .conversion-card.highlight .conversion-icon{color:var(--beasr-yellow)}.leads-page .conversion-content{display:flex;flex-direction:column}.leads-page .conversion-value{color:var(--white);font-size:var(--font-md);font-weight:var(--font-weight-semibold)}.leads-page .conversion-label{color:var(--text-muted);font-size:var(--font-xs)}.leads-page .leads-table-section{-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);background:var(--dark-alpha-subtle);border:var(--border-s) solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-lg)}.leads-page .section-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-md);justify-content:space-between;margin-bottom:var(--space-lg)}.leads-page .section-header h2{align-items:center;color:var(--white);display:flex;font-size:var(--font-lg);gap:var(--space-sm);margin:0}.leads-page .section-header h2 i{color:var(--beasr-yellow)}.leads-page .filter-buttons{display:flex;gap:var(--space-xs)}.leads-page .filter-btn{background:var(--overlay-subtle);border:var(--border-s) solid var(--overlay-light);border-radius:var(--radius-md);color:var(--text-light-gray);cursor:pointer;font-size:var(--font-sm);padding:var(--space-xs) var(--space-md);transition:all var(--transition-fast)}.leads-page .filter-btn:hover{background:var(--overlay-light);color:var(--white)}.leads-page .filter-btn.active{background:var(--beasr-yellow);border-color:var(--beasr-yellow);color:var(--black)}.leads-page .table-container{overflow-x:auto}.leads-page .leads-table{border-collapse:collapse;width:var(--percent-full)}.leads-page .leads-table th,.leads-page .leads-table td{border-bottom:var(--border-s) solid var(--overlay-light);padding:var(--space-md);text-align:left}.leads-page .leads-table th{background:var(--overlay-subtle);color:var(--text-light-gray);font-size:var(--font-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase}.leads-page .leads-table td{color:var(--white);font-size:var(--font-sm)}.leads-page .leads-table .email-cell{max-width:var(--width-cell-email);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leads-page .leads-table .loading-row,.leads-page .leads-table .empty-row,.leads-page .leads-table .error-row{color:var(--text-muted);font-style:italic;text-align:center}.leads-page .leads-table .error-row{color:var(--danger-primary)}.leads-page .segment-badge{border-radius:var(--radius-md);font-size:var(--font-xs);font-weight:var(--font-weight-semibold);padding:var(--space-xs) var(--space-sm);text-transform:uppercase}.leads-page .segment-badge.segment-hot{background:var(--danger-light);color:var(--danger-primary)}.leads-page .segment-badge.segment-warm{background:var(--warning-light);color:var(--warning-primary)}.leads-page .segment-badge.segment-cold{background:var(--info-light);color:var(--info-color)}.leads-page .score-badge{background:var(--overlay-light);border-radius:var(--radius-md);color:var(--beasr-yellow);font-size:var(--font-xs);font-weight:var(--font-weight-semibold);padding:var(--space-xs) var(--space-sm)}.leads-page .status-badge{border-radius:var(--radius-md);font-size:var(--font-xs);padding:var(--space-xs) var(--space-sm);text-transform:capitalize}.leads-page .status-badge.status-new{background:var(--overlay-light);color:var(--text-light-gray)}.leads-page .status-badge.status-engaged{background:var(--success-light);color:var(--success)}.leads-page .status-badge.status-converted{background:var(--overlay-beasr-yellow);color:var(--beasr-yellow)}.leads-page .status-badge.status-lost{background:var(--danger-light);color:var(--danger-primary)}.leads-page{-webkit-backdrop-filter:var(--blur-strong) var(--saturate-intense);backdrop-filter:var(--blur-strong) var(--saturate-intense);background:var(--dark-alpha-subtle);display:flex;flex-direction:column;height:var(--percent-full);overflow:hidden auto;padding:var(--space-lg)}.leads-page .page-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:var(--space-lg);justify-content:space-between;margin-bottom:var(--space-xl)}.leads-page .header-content h1{align-items:center;color:var(--white);display:flex;font-size:var(--font-xl);gap:var(--space-sm);margin:0 0 var(--space-xs) 0}.leads-page .header-content h1 i{color:var(--beasr-yellow)}.leads-page .header-subtitle{color:var(--text-light-gray);font-size:var(--font-sm);margin:0}.leads-page .header-actions{display:flex;gap:var(--space-sm)}@media(max-width:768px){.voucher-campaigns-page .page-actions{padding:var(--space-sm) var(--space-md)}.voucher-campaigns-page .page-actions .btn{flex:1;justify-content:center;padding:var(--space-sm)}.voucher-campaigns-page .form-row{grid-template-columns:1fr}}.voucher-campaigns-page .form-row{display:grid;gap:var(--space-lg);grid-template-columns:repeat(2,1fr)}.voucher-campaigns-page .form-group{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-md)}.voucher-campaigns-page .form-group label{color:var(--beasr-yellow);font-size:var(--font-sm);font-weight:var(--font-weight-semibold)}.voucher-campaigns-page .form-group input,.voucher-campaigns-page .form-group select,.voucher-campaigns-page .form-group textarea{background:var(--overlay-subtle);border:var(--border-s) solid var(--overlay-light);border-radius:var(--radius-md);color:var(--white);font-family:var(--font-family-base);font-size:var(--font-md);padding:var(--space-sm) var(--space-md)}.voucher-campaigns-page .form-group textarea{resize:vertical}.voucher-campaigns-page .form-group select{cursor:pointer}.voucher-campaigns-page .form-group input:focus,.voucher-campaigns-page .form-group select:focus,.voucher-campaigns-page .form-group textarea:focus{border-color:var(--beasr-yellow);outline:none}.voucher-campaigns-page .form-hint{color:var(--text-light-gray);font-size:var(--font-xs)}.voucher-campaigns-page .checkbox-group{display:flex;flex-wrap:wrap;gap:var(--space-md)}.voucher-campaigns-page .checkbox-group label{align-items:center;color:var(--white);cursor:pointer;display:flex;font-size:var(--font-sm);font-weight:var(--font-weight-normal);gap:var(--space-xs)}.voucher-campaigns-page .checkbox-group input[type=checkbox]{accent-color:var(--beasr-yellow);cursor:pointer;height:var(--space-lg);width:var(--space-lg)}.voucher-campaigns-page .campaign-detail{display:flex;flex-direction:column;gap:var(--space-xl)}.voucher-campaigns-page .detail-section{background:var(--overlay-subtle);border-radius:var(--radius-md);padding:var(--space-lg)}.voucher-campaigns-page .detail-section h3{border-bottom:var(--border-s) solid var(--overlay-light);color:var(--beasr-yellow);font-size:var(--font-md);margin:0 0 var(--space-md) 0;padding-bottom:var(--space-sm)}.voucher-campaigns-page .detail-grid{display:grid;gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(var(--width-col-sm),1fr))}.voucher-campaigns-page .detail-item{display:flex;flex-direction:column;gap:var(--space-xs)}.voucher-campaigns-page .detail-item.full-width{grid-column:1 / -1}.voucher-campaigns-page .detail-label{color:var(--text-light-gray);font-size:var(--font-sm)}.voucher-campaigns-page .detail-value{color:var(--white);font-size:var(--font-md);font-weight:var(--font-weight-medium)}.voucher-campaigns-page .detail-value.highlight{color:var(--beasr-yellow);font-weight:var(--font-weight-bold)}.voucher-campaigns-page .category-tags{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.voucher-campaigns-page .category-tag{background:var(--accent-light);border:var(--border-s) solid var(--accent-medium);border-radius:var(--radius-sm);color:var(--white);font-size:var(--font-sm);padding:var(--space-xs) var(--space-md);text-transform:capitalize}.voucher-campaigns-page{-webkit-backdrop-filter:var(--blur-strong) var(--saturate-intense);backdrop-filter:var(--blur-strong) var(--saturate-intense);background:var(--dark-alpha-subtle);display:flex;flex-direction:column;height:var(--percent-full);overflow:hidden auto;padding:0}.voucher-campaigns-page .stat-active .stat-value{color:var(--success)}.voucher-campaigns-page .stat-issued .stat-value{color:var(--info)}.voucher-campaigns-page .stat-redeemed .stat-value{color:var(--beasr-yellow)}.voucher-campaigns-page .stat-total .stat-value{color:var(--success)}.voucher-campaigns-page .page-actions{align-items:center;border-bottom:var(--border-s) solid var(--overlay-subtle);display:flex;gap:var(--space-md);justify-content:center;padding:var(--space-md) var(--space-xxl)}.voucher-campaigns-page .page-actions .btn{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:flex;font-family:var(--font-family-base);font-size:var(--font-md);font-weight:var(--font-weight-semibold);gap:var(--space-sm);padding:var(--space-sm) var(--space-xl);transition:all var(--transition-base)}.voucher-campaigns-page .page-actions .btn-primary{background:var(--beasr-yellow);color:var(--black)}.voucher-campaigns-page .page-actions .btn-primary:hover{background:var(--beasr-yellow-dark);transform:var(--transform-hover-sm)}.voucher-campaigns-page .page-actions .btn-secondary{-webkit-backdrop-filter:var(--blur-light);backdrop-filter:var(--blur-light);background:var(--accent-light);border:var(--border-s) solid var(--accent-medium);color:var(--white)}.voucher-campaigns-page .page-actions .btn-secondary:hover{background:var(--accent-medium);transform:var(--transform-hover-sm)}.voucher-campaigns-page .campaign-info{display:flex;flex-direction:column;gap:var(--space-xs)}.voucher-campaigns-page .campaign-name{color:var(--white);font-weight:var(--font-weight-medium)}.voucher-campaigns-page .period-cell{font-size:var(--font-sm)}.voucher-campaigns-page .status-badge{border-radius:var(--radius-sm);font-size:var(--font-sm);font-weight:var(--font-weight-semibold);padding:var(--space-xs) var(--space-sm);text-transform:capitalize}.voucher-campaigns-page .status-active{background:var(--success);color:var(--white)}.voucher-campaigns-page .status-paused{background:var(--warning);color:var(--black)}.voucher-campaigns-page .action-cell{text-align:center;white-space:nowrap}.voucher-campaigns-page .action-btn.btn-warning{border-color:var(--warning);color:var(--warning)}.voucher-campaigns-page .action-btn.btn-warning:hover{background:var(--warning);color:var(--black)}@media(max-width:768px){.gdpr-compliance-page .consent-breakdown{padding:var(--space-md)}.gdpr-compliance-page .breakdown-grid{gap:var(--space-sm)}.gdpr-compliance-page .breakdown-item{flex:1;min-width:calc(var(--percent-half) - var(--space-sm))}.gdpr-compliance-page .tabs-section{padding:var(--space-sm) var(--space-md)}.gdpr-compliance-page .tabs-header{flex-wrap:wrap}.gdpr-compliance-page .tabs-header .btn-secondary{flex-basis:var(--percent-full);justify-content:center;margin-left:0;margin-top:var(--space-sm)}}.gdpr-compliance-page .action-badge{border-radius:var(--radius-sm);font-size:var(--font-sm);font-weight:var(--font-weight-semibold);padding:var(--space-xs) var(--space-sm);text-transform:capitalize}.gdpr-compliance-page .action-granted{background:var(--success);color:var(--white)}.gdpr-compliance-page .action-verified{background:var(--info);color:var(--white)}.gdpr-compliance-page .action-modified{background:var(--beasr-yellow);color:var(--black)}.gdpr-compliance-page .action-withdrawn{background:var(--danger-primary);color:var(--white)}.gdpr-compliance-page .action-expired{background:var(--text-mid-gray);color:var(--white)}.gdpr-compliance-page .status-badge{border-radius:var(--radius-sm);font-size:var(--font-sm);font-weight:var(--font-weight-semibold);padding:var(--space-xs) var(--space-sm);text-transform:capitalize}.gdpr-compliance-page .status-verified{background:var(--success);color:var(--white)}.gdpr-compliance-page .status-pending{background:var(--warning);color:var(--black)}.gdpr-compliance-page .status-expired{background:var(--text-mid-gray);color:var(--white)}.gdpr-compliance-page .consent-granted{color:var(--success);font-size:var(--font-lg)}.gdpr-compliance-page .consent-withdrawn{color:var(--danger-primary);font-size:var(--font-lg)}.gdpr-compliance-page .pagination-controls{align-items:center;display:flex;gap:var(--space-lg);justify-content:center;padding:var(--space-lg) var(--space-xxl)}.gdpr-compliance-page .pagination-controls .btn{align-items:center;background:var(--overlay-subtle);border:var(--border-s) solid var(--overlay-light);border-radius:var(--radius-md);color:var(--white);cursor:pointer;display:flex;font-size:var(--font-sm);gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);transition:all var(--transition-base)}.gdpr-compliance-page .pagination-controls .btn:disabled{cursor:not-allowed;opacity:.5}.gdpr-compliance-page .pagination-controls .btn:hover:not(:disabled){background:var(--accent-light);border-color:var(--beasr-yellow)}.gdpr-compliance-page .pagination-info{color:var(--text-light-gray);font-size:var(--font-sm)}.gdpr-compliance-page{-webkit-backdrop-filter:var(--blur-strong) var(--saturate-intense);backdrop-filter:var(--blur-strong) var(--saturate-intense);background:var(--dark-alpha-subtle);display:flex;flex-direction:column;height:var(--percent-full);overflow:hidden auto;padding:0}.gdpr-compliance-page .stat-verified .stat-value{color:var(--success)}.gdpr-compliance-page .stat-pending .stat-value{color:var(--warning)}.gdpr-compliance-page .stat-withdrawn .stat-value{color:var(--danger-primary)}.gdpr-compliance-page .consent-breakdown{border-bottom:var(--border-s) solid var(--overlay-subtle);padding:var(--space-lg) var(--space-xxl)}.gdpr-compliance-page .consent-breakdown h3{color:var(--beasr-yellow);font-size:var(--font-md);margin:0 0 var(--space-md) 0;text-align:center}.gdpr-compliance-page .breakdown-grid{display:flex;flex-wrap:wrap;gap:var(--space-lg);justify-content:center}.gdpr-compliance-page .breakdown-item{align-items:center;background:var(--overlay-subtle);border:var(--border-s) solid var(--overlay-light);border-radius:var(--radius-md);display:flex;gap:var(--space-md);padding:var(--space-sm) var(--space-lg)}.gdpr-compliance-page .breakdown-label{color:var(--text-light-gray);font-size:var(--font-sm)}.gdpr-compliance-page .breakdown-value{color:var(--beasr-yellow);font-size:var(--font-md);font-weight:var(--font-weight-bold)}.gdpr-compliance-page .tabs-section{border-bottom:var(--border-s) solid var(--overlay-subtle);padding:var(--space-md) var(--space-xxl)}.gdpr-compliance-page .tabs-header{align-items:center;display:flex;gap:var(--space-md);justify-content:center}.posts-management-page{-webkit-backdrop-filter:var(--blur-strong) var(--saturate-intense);backdrop-filter:var(--blur-strong) var(--saturate-intense);background:var(--dark-alpha-subtle);display:flex;flex-direction:column;height:var(--percent-full);overflow:hidden;padding:0}.posts-management-page .post-title{color:var(--white);font-weight:var(--font-weight-semibold)}.posts-management-page .post-excerpt{color:var(--white-alpha-medium);font-size:var(--font-sm);margin-top:var(--space-xs)}.posts-management-page .post-tags{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.posts-management-page .tag{background:var(--overlay-subtle);border-radius:var(--radius-sm);color:var(--beasr-yellow);font-size:var(--font-xs);padding:var(--space-xs) var(--space-sm)}.posts-management-page .text-muted{color:var(--white-alpha-subtle);font-size:var(--font-sm)}.posts-management-page .base-table tbody td{vertical-align:top}.posts-management-page .actions{display:flex;gap:var(--space-sm);justify-content:center}.posts-management-page .btn-icon{align-items:center;-webkit-backdrop-filter:var(--blur-light);backdrop-filter:var(--blur-light);background:var(--overlay-subtle);border:var(--border-s) solid var(--overlay-light);border-radius:var(--radius-sm);color:var(--white);cursor:pointer;display:flex;font-size:var(--font-sm);height:var(--space-xxl);justify-content:center;padding:0;transition:all var(--transition-base);width:var(--space-xxl)}.posts-management-page .btn-icon:hover{background:var(--overlay-light);transform:var(--transform-hover-sm)}.posts-management-page .btn-icon.delete-post-btn{border-color:var(--danger-medium)}.posts-management-page .btn-icon.delete-post-btn:hover{background:var(--danger-light);border-color:var(--danger-primary)}.posts-management-page .loading-row,.posts-management-page .empty-row,.posts-management-page .error-row{color:var(--white-alpha-medium);padding:var(--space-xl);text-align:center}.posts-management-page .error-row,.char-count-exceeded{color:var(--danger-primary)}.modal-overlay .modal-container.modal-lg{max-height:var(--percent-90);width:var(--width-modal-xl)}.modal-overlay .modal-content{overflow-y:auto}.form-section{border-bottom:var(--border-s) solid var(--overlay-light);margin-bottom:var(--space-xl);padding-bottom:var(--space-xl)}.form-section:last-child{border-bottom:none}.content-editor{background:var(--overlay-subtle);border:var(--border-s) solid var(--overlay-light);border-radius:var(--radius-md);color:var(--white);min-height:var(--height-editor);padding:var(--space-lg)}.required{color:var(--danger-primary)}.post-link-item{align-items:center;background:var(--overlay-subtle);border:var(--border-s) solid var(--overlay-light);border-radius:var(--radius-sm);display:flex;gap:var(--space-md);margin-bottom:var(--space-sm);padding:var(--space-md)}.post-link-item i{color:var(--beasr-yellow)}.post-link-item span{color:var(--white);flex:1}.post-link-item .link-type{background:var(--accent-medium);border-radius:var(--radius-sm);color:var(--white-alpha-strong);flex:none;font-size:var(--font-xs);padding:var(--space-xs) var(--space-sm);text-transform:uppercase}.post-link-item .remove-link{background:var(--danger-primary);border:none;border-radius:var(--radius-sm);color:var(--white);cursor:pointer;padding:var(--space-xs) var(--space-sm);transition:all var(--transition-base)}.image-preview img{border-radius:var(--radius-sm);height:auto;max-width:100%;object-fit:contain}.post-images-grid{display:grid;gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(var(--width-thumb-md),1fr));margin-bottom:var(--space-md)}.post-image-item{aspect-ratio:1 / 1;border:var(--border-s) solid var(--overlay-light);border-radius:var(--radius-sm);height:var(--width-thumb-md);overflow:hidden;position:relative}.post-editor-page{-webkit-backdrop-filter:var(--blur-strong) var(--saturate-intense);backdrop-filter:var(--blur-strong) var(--saturate-intense);background:var(--dark-alpha-subtle);display:flex;flex-direction:column;height:var(--percent-full);overflow:hidden}.editor-header{align-items:center;background:var(--glass-beasr-green);border-bottom:var(--border-s) solid var(--glass-border);display:flex;gap:var(--space-xl);justify-content:space-between;padding:var(--space-xl)}.editor-header h2{color:var(--beasr-yellow);flex:1;font-size:var(--font-xxl);margin:0}.editor-actions{display:flex;gap:var(--space-md)}.editor-content{flex:1;overflow-y:auto;padding:var(--space-xxl)}.form-section{background:var(--glass-beasr-green);border:var(--border-s) solid var(--glass-border);border-radius:var(--radius-lg);margin-bottom:var(--space-xl);padding:var(--space-xxl)}.form-section h4{color:var(--beasr-yellow);font-size:var(--font-lg);margin-bottom:var(--space-lg);margin-top:0}.form-row{display:flex;gap:var(--space-lg)}.content-editor{background:var(--overlay-subtle);border:var(--border-s) solid var(--overlay-light);border-radius:var(--radius-md);color:var(--white);line-height:var(--line-height-normal);min-height:var(--height-editor);padding:var(--space-lg)}.content-editor:focus{border-color:var(--beasr-yellow);outline:none}.content-editor p{margin-bottom:var(--space-md);margin-top:0}.content-editor h2{color:var(--beasr-yellow);font-size:var(--font-xl);margin-bottom:var(--space-md);margin-top:var(--space-xl)}.content-editor h3{color:var(--beasr-yellow);font-size:var(--font-lg);margin-bottom:var(--space-sm);margin-top:var(--space-lg)}.content-editor h4{color:var(--white-alpha-strong);font-size:var(--font-md);margin-bottom:var(--space-sm);margin-top:var(--space-lg)}.content-editor ul,.content-editor ol{margin-bottom:var(--space-md);margin-top:var(--space-sm);padding-left:var(--space-xxl)}.content-editor li{margin-bottom:var(--space-xs)}.content-editor blockquote{border-left:var(--border-m) solid var(--beasr-yellow);color:var(--white-alpha-strong);font-style:italic;margin-bottom:var(--space-md);margin-top:var(--space-md);padding-left:var(--space-lg)}.content-editor blockquote p{margin-bottom:var(--space-sm)}.content-editor-toolbar{display:flex;gap:var(--space-sm);margin-bottom:var(--space-md)}.char-count{color:var(--white-alpha-medium);display:block;font-size:var(--font-xs);margin-top:var(--space-xs);text-align:right}.char-count-exceeded,.required{color:var(--danger-primary)}.form-group-spacing{margin-top:var(--space-lg)}.help-text{color:var(--white-alpha-medium);font-size:var(--font-sm);margin-bottom:var(--space-md);margin-top:calc(var(--space-sm) * -1)}.tags-input-container{align-items:center;background:var(--overlay-subtle);border:var(--border-s) solid var(--overlay-light);border-radius:var(--radius-md);display:flex;flex-wrap:wrap;gap:var(--space-sm);min-height:var(--height-input);padding:var(--space-sm)}.tags-input-container input{background:none;border:none;color:var(--white);flex:1;min-width:var(--width-input-sm);outline:none}.tag-item{align-items:center;background:var(--accent-medium);border-radius:var(--radius-sm);color:var(--white);display:inline-flex;font-size:var(--font-sm);gap:var(--space-xs);padding:var(--space-xs) var(--space-sm)}.tag-item .remove-tag{color:var(--white-alpha-strong);cursor:pointer;transition:color var(--transition-base)}.tag-item .remove-tag:hover{color:var(--danger-primary)}.suggestions{background:var(--overlay-dark);border:var(--border-s) solid var(--overlay-light);border-radius:var(--radius-sm);margin-top:var(--space-xs);max-height:var(--height-dropdown);overflow-y:auto}.suggestion-item{color:var(--white);cursor:pointer;padding:var(--space-sm) var(--space-md);transition:background var(--transition-base)}.suggestion-item:hover{background:var(--overlay-light)}.add-link-form{display:flex;gap:var(--space-md)}.add-link-form input{flex:1}.post-link-item{align-items:center;background:var(--overlay-subtle);border:var(--border-s) solid var(--overlay-light);border-radius:var(--radius-sm);display:flex;gap:var(--space-sm);margin-bottom:var(--space-sm);padding:var(--space-sm) var(--space-md)}.post-link-item i{color:var(--beasr-yellow);font-size:var(--font-md)}.post-link-item span{color:var(--white);flex:1;font-size:var(--font-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.post-link-item .link-type{background:var(--accent-medium);border-radius:var(--radius-sm);color:var(--white-alpha-strong);flex:none;font-size:var(--font-xxs);padding:calc(var(--space-xs) * .5) var(--space-xs);text-transform:uppercase}.post-link-item .remove-link{background:var(--danger-primary);border:none;border-radius:var(--radius-sm);color:var(--white);cursor:pointer;font-size:var(--font-sm);padding:var(--space-xs);transition:all var(--transition-base)}.post-link-item .remove-link:hover{background:var(--danger-dark)}.image-preview{align-items:center;background:var(--overlay-subtle);border:var(--border-s) solid var(--overlay-light);border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:var(--space-sm);justify-content:center;margin-bottom:var(--space-md);padding:var(--space-md)}.image-preview img{border-radius:var(--radius-sm);height:auto;max-height:var(--height-preview);max-width:var(--width-modal-xs);object-fit:contain}.image-preview i{color:var(--white-alpha-medium);font-size:var(--font-xxl)}.post-images-grid{display:grid;gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(var(--width-thumb-sm),1fr));margin-bottom:var(--space-md)}.post-image-item{aspect-ratio:1 / 1;border:var(--border-s) solid var(--overlay-light);border-radius:var(--radius-sm);max-height:var(--width-thumb-sm);overflow:hidden;position:relative;width:100%}.post-image-item img{display:block;height:100%;object-fit:cover;width:100%}.post-image-item .remove-image{background:var(--danger-primary);border:none;border-radius:var(--radius-sm);color:var(--white);cursor:pointer;padding:var(--space-xs);position:absolute;right:var(--space-xs);top:var(--space-xs);transition:all var(--transition-base)}.post-image-item .remove-image:hover{background:var(--danger-dark);transform:scale(1.1)}.content-editor .resizable-image-wrapper{cursor:move;display:inline-block;height:var(--width-thumb-md);margin-bottom:var(--space-lg);margin-top:var(--space-lg);max-width:100%;min-height:var(--width-thumb-sm);min-width:var(--width-thumb-sm);overflow:auto;resize:both;vertical-align:middle;width:var(--width-thumb-md)}.content-editor .resizable-image-wrapper:hover{outline:var(--border-s) dashed var(--beasr-yellow)}.content-editor .resizable-image-wrapper img{border-radius:var(--radius-sm);cursor:inherit;display:block;height:100%;object-fit:cover;width:100%}.content-editor .content-image{border:var(--border-s) solid var(--overlay-light)}.image-selector-modal{inset:0;position:fixed;z-index:var(--z-modal)}.image-selector-overlay{-webkit-backdrop-filter:blur(var(--space-sm));backdrop-filter:blur(var(--space-sm));background:var(--shadow-heavy);height:100%;left:0;position:fixed;top:0;width:100%}.image-selector-content{-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);background:var(--glass-beasr-green);border:var(--border-s) solid var(--glass-border);border-radius:var(--space-lg);box-shadow:var(--glass-shadow);left:50%;max-height:80vh;max-width:var(--width-container-md);overflow:hidden;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%;z-index:calc(var(--z-modal) + 1)}.image-selector-header{align-items:center;border-bottom:var(--border-s) solid var(--glass-border);display:flex;justify-content:space-between;padding:var(--space-xxl)}.image-selector-header h3{color:var(--beasr-yellow);font-size:var(--font-xl);font-weight:var(--font-weight-semibold);margin:0}.image-selector-header .btn-close{background:transparent;border:none;color:var(--white-alpha-strong);cursor:pointer;font-size:var(--font-xl);line-height:1;padding:var(--space-xs);transition:var(--transition-base)}.image-selector-header .btn-close:hover{color:var(--white);transform:scale(1.1)}.image-selector-actions{border-bottom:var(--border-s) solid var(--glass-border);padding:var(--space-xxl)}.image-selector-grid{display:grid;gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(var(--width-thumb-sm),1fr));max-height:60vh;overflow-y:auto;padding:var(--space-xxl)}.image-selector-item{border:var(--border-s) solid var(--glass-border);border-radius:var(--radius-sm);cursor:pointer;overflow:hidden;transition:var(--transition-base)}.image-selector-item:hover{border-color:var(--beasr-yellow);box-shadow:var(--shadow-md);transform:translateY(var(--space-neg-xs))}.image-selector-item img{aspect-ratio:1 / 1;display:block;height:auto;object-fit:cover;width:100%}.image-selector-item .image-name{background:var(--beasr-black);color:var(--white-alpha-strong);display:block;font-size:var(--font-xs);overflow:hidden;padding:var(--space-sm);text-overflow:ellipsis;white-space:nowrap}.no-images{color:var(--white-alpha-strong);grid-column:1 / -1;padding:var(--space-xxl);text-align:center}.server-health-page .sh-overview{align-items:center;background:var(--overlay-subtle);border:var(--border-s) solid var(--overlay-light);border-radius:var(--radius-lg);display:flex;flex-wrap:wrap;gap:var(--space-xl);padding:var(--space-lg) var(--space-xl)}.server-health-page .sh-uptime-block{align-items:center;display:flex;gap:var(--space-sm)}.server-health-page .sh-uptime-block i{color:var(--beasr-yellow);font-size:var(--font-xl)}.server-health-page .sh-uptime-value{color:var(--white);font-size:var(--font-xl);font-weight:var(--font-weight-bold)}.server-health-page .sh-uptime-label{color:var(--text-mid-gray);font-size:var(--font-xs);text-transform:uppercase}.server-health-page .sh-overview-divider{background:var(--overlay-medium);height:var(--space-xl);width:var(--border-s)}.server-health-page .sh-overview-stat{display:flex;flex-direction:column;gap:var(--space-xs)}.server-health-page .sh-overview-stat-label{color:var(--text-mid-gray);font-size:var(--font-xxs);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase}.server-health-page .sh-overview-stat-value{color:var(--text-light-gray);font-size:var(--font-sm)}.server-health-page .sh-charts-row{display:grid;gap:var(--space-lg);grid-template-columns:repeat(3,1fr)}.server-health-page .sh-chart-card{background:var(--overlay-subtle);border:var(--border-s) solid var(--overlay-light);border-radius:var(--radius-lg);display:flex;flex-direction:column;padding:var(--space-lg)}.server-health-page .sh-chart-card h4{color:var(--text-light-gray);font-size:var(--font-sm);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-md)}.server-health-page .sh-chart-card canvas{max-height:var(--height-preview)}.server-health-page .sh-chart-meta{color:var(--text-mid-gray);display:flex;font-size:var(--font-xs);gap:var(--space-md);justify-content:center;margin-top:var(--space-sm)}.server-health-page .sh-chart-meta span{color:var(--text-light-gray);font-weight:var(--font-weight-semibold)}@media(max-width:768px){.server-health-page .sh-charts-row{grid-template-columns:1fr}}.server-health-page .sh-components-grid{display:grid;flex-direction:column;gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(550px,1fr))}.server-health-page .sh-detail-card{background:var(--overlay-subtle);border:var(--border-s) solid var(--overlay-light);border-left:var(--border-xl) solid var(--text-mid-gray);border-radius:var(--radius-lg);padding:var(--space-lg)}.server-health-page .sh-detail-card--ok{border-left-color:var(--success-primary)}.server-health-page .sh-detail-card--error{border-left-color:var(--danger-primary)}.server-health-page .sh-detail-card--warning{border-left-color:var(--warning-primary)}.server-health-page .sh-detail-card--unavailable{border-left-color:var(--text-mid-gray);opacity:var(--opacity-muted)}.server-health-page .sh-detail-header{align-items:center;display:flex;gap:var(--space-sm);margin-bottom:var(--space-md)}.server-health-page .sh-detail-header i{color:var(--beasr-yellow);font-size:var(--font-base)}.server-health-page .sh-detail-header h4{color:var(--white);flex:1;font-size:var(--font-sm);font-weight:var(--font-weight-semibold);margin:0}.server-health-page .sh-detail-dot{background:var(--text-mid-gray);border-radius:var(--radius-sm);flex-shrink:0;height:var(--space-sm);width:var(--space-sm)}.server-health-page .sh-detail-dot--ok{background:var(--success-primary)}.server-health-page .sh-detail-dot--error{background:var(--danger-primary)}.server-health-page .sh-detail-dot--warning{background:var(--warning-primary)}.server-health-page .sh-detail-card--wide{width:var(--percent-full)}.server-health-page .sh-detail-body{display:flex;flex-direction:column;gap:var(--space-xs)}.server-health-page .sh-detail-row{align-items:center;display:flex;justify-content:space-between}.server-health-page .sh-detail-key{color:var(--text-mid-gray);font-size:var(--font-xs)}.server-health-page .sh-detail-value{color:var(--text-light-gray);font-size:var(--font-xs);font-weight:var(--font-weight-medium)}.server-health-page .sh-cert-domain{background:var(--overlay-light);border-radius:var(--radius-sm);color:var(--text-light-gray);display:inline-block;font-size:var(--font-xxs);margin:var(--space-xs) var(--space-xs) 0 0;padding:var(--space-xs) var(--space-sm)}.server-health-page .sh-unavailable-msg{color:var(--text-mid-gray);font-size:var(--font-xs);font-style:italic}.server-health-page .sh-metrics-table{border-top:var(--border-s) solid var(--overlay-light);margin-top:var(--space-sm);max-height:280px;overflow-y:auto;padding-top:var(--space-sm)}.server-health-page .sh-metrics-row{align-items:center;display:flex;gap:var(--space-xs);padding:var(--space-xs) 0}.server-health-page .sh-metrics-header{border-bottom:var(--border-s) solid var(--overlay-light);color:var(--text-mid-gray);font-size:var(--font-xxs);font-weight:var(--font-weight-semibold);text-transform:uppercase}.server-health-page .sh-metrics-route{color:var(--text-light-gray);flex:2;font-size:var(--font-xxs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.server-health-page .sh-metrics-cell{color:var(--text-mid-gray);flex:1;font-size:var(--font-xxs);text-align:right}.server-health-page .sh-metrics-slow{background:var(--warning-light);border-radius:var(--radius-sm)}.server-health-page .sh-vital--good{color:var(--success-primary);font-weight:var(--font-weight-semibold)}.server-health-page .sh-vital--warning{color:var(--warning-primary);font-weight:var(--font-weight-semibold)}.server-health-page .sh-vital--poor{color:var(--danger-primary);font-weight:var(--font-weight-semibold)}.server-health-page .sh-tile-grid{border-top:var(--border-s) solid var(--overlay-light);display:flex;flex-wrap:wrap;gap:var(--space-md);margin-top:var(--space-md);padding-top:var(--space-md)}.server-health-page .sh-tile{background:var(--overlay-subtle);border:var(--border-s) solid var(--overlay-light);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--space-xs);min-width:8rem;padding:var(--space-sm) var(--space-md)}.server-health-page .sh-tile--empty{opacity:var(--opacity-muted)}.server-health-page .sh-tile-head{align-items:center;display:flex;gap:var(--space-xs)}.server-health-page .sh-tile-icon{color:var(--beasr-yellow);font-size:var(--font-sm)}.server-health-page .sh-tile-label{color:var(--white);font-size:var(--font-xs);font-weight:var(--font-weight-semibold)}.server-health-page .sh-tile-sublabel{color:var(--text-mid-gray);font-size:var(--font-xxs);line-height:1.2}.server-health-page .sh-tile-score{color:var(--text-mid-gray);font-size:var(--font-xxs);margin-left:auto}.server-health-page .sh-tile-grade{align-items:center;border-radius:var(--radius-sm);display:inline-flex;font-size:var(--font-xxs);font-weight:var(--font-weight-semibold);gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);width:fit-content}.server-health-page .sh-tile-grade--good{background:var(--success-light);color:var(--success-primary)}.server-health-page .sh-tile-grade--warning{background:var(--warning-light);color:var(--warning-primary)}.server-health-page .sh-tile-grade--poor{background:var(--danger-light);color:var(--danger-primary)}.server-health-page .sh-tile-values{display:flex;gap:var(--space-md);margin-top:var(--space-xs)}.server-health-page .sh-tile-stat{display:flex;flex-direction:column}.server-health-page .sh-tile-val{color:var(--text-mid-gray);font-size:var(--font-sm);font-weight:var(--font-weight-semibold)}.server-health-page .sh-tile-stat-label{color:var(--text-mid-gray);font-size:var(--font-xxs);text-transform:uppercase}.server-health-page .sh-tile-samples{color:var(--text-mid-gray);font-size:var(--font-xxs)}.server-health-page .sh-tile-nodata{color:var(--text-mid-gray);font-size:var(--font-xs);font-style:italic}.server-health-page .sh-tile-sparkline{margin-top:var(--space-xs)}@media(max-width:768px){.server-health-page .sh-tile{min-width:6rem}}.server-health-page{-webkit-backdrop-filter:var(--blur-strong) var(--saturate-intense);backdrop-filter:var(--blur-strong) var(--saturate-intense);background:var(--dark-alpha-subtle);display:flex;flex-direction:column;gap:var(--space-lg);height:var(--percent-full);overflow-y:auto;padding:var(--space-xl)}.server-health-page .sh-header{align-items:center;display:flex;justify-content:space-between}.server-health-page .sh-header h2{color:var(--white);font-size:var(--font-xl);font-weight:var(--font-weight-semibold);margin:0}.server-health-page .sh-header-actions{align-items:center;display:flex;gap:var(--space-sm)}.server-health-page .sh-timestamp{color:var(--text-mid-gray);font-size:var(--font-xs)}.server-health-page .sh-status-badge{border-radius:var(--radius-md);font-size:var(--font-xxs);letter-spacing:var(--letter-spacing-wide);padding:var(--space-xs) var(--space-sm);text-transform:uppercase}.server-health-page .sh-status-badge--ok{background:var(--success-light);color:var(--success-primary)}.server-health-page .sh-status-badge--degraded{background:var(--warning-light);color:var(--warning-primary)}.server-health-page .sh-status-badge--error{background:var(--danger-light);color:var(--danger-primary)}@media(hover:none)and (pointer:coarse){.dashboard-nav{-webkit-overflow-scrolling:touch}.dashboard-nav-btn{min-height:var(--taskbar-height);min-width:var(--space-xxl)}}.dashboard-nav{align-items:center;background:var(--beasr-green-dark);border-top:var(--border-s) solid var(--glass-border);bottom:0;box-shadow:var(--shadow-sm);display:flex;height:var(--taskbar-height);left:0;overflow-x:auto;overflow-y:hidden;padding:0;position:fixed;right:0;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;z-index:var(--z-sticky)}.dashboard-nav::-webkit-scrollbar{display:none}.dashboard-nav-btn{align-items:center;background:none;border:none;color:var(--text-light-gray);cursor:pointer;display:flex;flex:1 0 auto;flex-direction:column;gap:var(--space-xs);justify-content:center;min-height:var(--touch-target-min);min-width:var(--space-xxxl);padding:var(--space-xs) var(--space-sm);scroll-snap-align:center;transition:color var(--transition-fast)}.dashboard-nav-btn:hover,.dashboard-nav-btn.active{color:var(--beasr-yellow)}.dashboard-nav-btn i{font-size:var(--font-lg)}.dashboard-nav-label{font-size:var(--font-xxs);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-wide);text-transform:capitalize}.dashboard-nav-btn:focus{outline:none}.dashboard-nav-btn:active{transform:scale(.95)}@supports (padding: env(safe-area-inset-bottom)){.dashboard-nav{height:calc(var(--taskbar-height) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom)}}