/*! * WWOF UI v2.0.0 * Workwear Outfitters Internal UI Framework * Brand:Warm neutral + gold accent (PMS 468) * Built from src/ partials - do not edit dist files directly. * License:Internal use only - Workwear Outfitters */:root{--wwof-gold:#B5880B;--wwof-gold-hover:#9A7309;--wwof-gold-soft:rgba(181,136,11,.08);--wwof-bronze-light:#c8b186;--wwof-bronze-dark:#a56133;--wwof-gold-light:var(--wwof-bronze-light);--wwof-gold-dark:var(--wwof-bronze-dark);--wwof-dark:#2C3034;--wwof-dark-2:#363B3F;--wwof-dark-3:#1a1a2e;--wwof-warm:#F0EDE7;--wwof-warm-2:#FAF8F5;--wwof-warm-3:#f3f1ec;--wwof-surface:#FFFFFF;--wwof-surface-2:#FAF8F5;--wwof-bg:#F0EDE7;--wwof-border:#E4E0D7;--wwof-border-2:#EEEAE3;--wwof-text:#2C3034;--wwof-text-2:#3D4248;--wwof-muted:#464B51;--wwof-muted-2:#5F5A53;--wwof-heading:#2C3034;--wwof-success:#2E7D32;--wwof-success-hover:#256b29;--wwof-success-soft:rgba(46,125,50,.08);--wwof-warning:#C47F17;--wwof-warning-hover:#a86b12;--wwof-warning-soft:rgba(196,127,23,.10);--wwof-danger:#B83230;--wwof-danger-hover:#9c2a28;--wwof-danger-soft:rgba(184,50,48,.08);--wwof-info:#2C6BED;--wwof-info-hover:#1f54c4;--wwof-info-soft:rgba(44,107,237,.08);--primary:var(--wwof-gold);--secondary:var(--wwof-dark);--success:var(--wwof-success);--warning:var(--wwof-warning);--danger:var(--wwof-danger);--info:var(--wwof-info);--light:var(--wwof-warm);--dark:var(--wwof-dark);--shadow-xs:0 1px 2px rgba(0,0,0,.04);--shadow-sm:0 1px 3px rgba(0,0,0,.06);--shadow-md:0 4px 12px rgba(0,0,0,.06);--shadow-lg:0 12px 28px rgba(0,0,0,.10);--shadow-xl:0 20px 40px rgba(0,0,0,.14);--radius-sm:6px;--radius:10px;--radius-lg:14px;--radius-xl:20px;--radius-pill:100px;--ease:cubic-bezier(.25,1,.5,1);--t-fast:150ms var(--ease);--t:280ms var(--ease);--t-slow:400ms var(--ease);--font:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;--font-mono:'SF Mono','Fira Code','Consolas',monospace;--fs-xs:0.68rem;--fs-sm:0.78rem;--fs-base:0.88rem;--fs-md:1rem;--fs-lg:1.25rem;--fs-xl:1.5rem;--fs-2xl:2rem;--fs-3xl:2.5rem;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--sp-12:48px;--sp-16:64px;--z-ticker:50;--z-nav:100;--z-dropdown:200;--z-modal:9999;--z-toast:10000}*,*::before,*::after{box-sizing:border-box}html{height:100%;-webkit-text-size-adjust:100%}body{margin:0;height:100%;font-family:var(--font);font-size:var(--fs-base);line-height:1.6;color:var(--wwof-text);background:var(--wwof-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--wwof-gold);text-decoration:none}a:hover{color:var(--wwof-gold-hover);text-decoration:underline}img{max-width:100%;height:auto}h1,h2,h3,h4,h5,h6{margin:0 0 var(--sp-3);font-weight:700;letter-spacing:-.02em;color:var(--wwof-heading);line-height:1.2}h1{font-size:var(--fs-3xl);font-weight:800}h2{font-size:var(--fs-2xl)}h3{font-size:var(--fs-xl)}h4{font-size:var(--fs-lg)}h5{font-size:var(--fs-md);font-weight:600}h6{font-size:var(--fs-base);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--wwof-muted)}p{margin:0 0 var(--sp-3)}code,pre{font-family:var(--font-mono);font-size:0.85em}code{background:var(--wwof-warm-3);padding:2px 6px;border-radius:4px}pre{background:var(--wwof-dark);color:#e8e4dd;padding:var(--sp-4);border-radius:var(--radius);overflow-x:auto}hr{border:none;border-top:1px solid var(--wwof-border);margin:var(--sp-6) 0}:focus-visible{outline:2px solid var(--wwof-gold);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important}}.wwof-container{width:100%;max-width:1280px;margin:0 auto;padding:0 var(--sp-6)}.wwof-container-fluid{width:100%;padding:0 var(--sp-6)}.wwof-row{display:flex;flex-wrap:wrap;margin:0 calc(var(--sp-3) * -1)}.wwof-row>[class*="wwof-col"]{padding:0 var(--sp-3);width:100%}.wwof-col{flex:1 0 0%}.wwof-col-1{flex:0 0 8.333%;max-width:8.333%}.wwof-col-2{flex:0 0 16.667%;max-width:16.667%}.wwof-col-3{flex:0 0 25%;max-width:25%}.wwof-col-4{flex:0 0 33.333%;max-width:33.333%}.wwof-col-5{flex:0 0 41.667%;max-width:41.667%}.wwof-col-6{flex:0 0 50%;max-width:50%}.wwof-col-7{flex:0 0 58.333%;max-width:58.333%}.wwof-col-8{flex:0 0 66.667%;max-width:66.667%}.wwof-col-9{flex:0 0 75%;max-width:75%}.wwof-col-10{flex:0 0 83.333%;max-width:83.333%}.wwof-col-11{flex:0 0 91.667%;max-width:91.667%}.wwof-col-12{flex:0 0 100%;max-width:100%}[class*="wwof-col-sm-"],[class*="wwof-col-md-"],[class*="wwof-col-lg-"]{flex:0 0 100%;max-width:100%}@media (min-width:576px){.wwof-col-sm-1{flex:0 0 8.333%;max-width:8.333%}.wwof-col-sm-2{flex:0 0 16.667%;max-width:16.667%}.wwof-col-sm-3{flex:0 0 25%;max-width:25%}.wwof-col-sm-4{flex:0 0 33.333%;max-width:33.333%}.wwof-col-sm-5{flex:0 0 41.667%;max-width:41.667%}.wwof-col-sm-6{flex:0 0 50%;max-width:50%}.wwof-col-sm-7{flex:0 0 58.333%;max-width:58.333%}.wwof-col-sm-8{flex:0 0 66.667%;max-width:66.667%}.wwof-col-sm-9{flex:0 0 75%;max-width:75%}.wwof-col-sm-10{flex:0 0 83.333%;max-width:83.333%}.wwof-col-sm-11{flex:0 0 91.667%;max-width:91.667%}.wwof-col-sm-12{flex:0 0 100%;max-width:100%}}@media (min-width:768px){.wwof-col-md-1{flex:0 0 8.333%;max-width:8.333%}.wwof-col-md-2{flex:0 0 16.667%;max-width:16.667%}.wwof-col-md-3{flex:0 0 25%;max-width:25%}.wwof-col-md-4{flex:0 0 33.333%;max-width:33.333%}.wwof-col-md-5{flex:0 0 41.667%;max-width:41.667%}.wwof-col-md-6{flex:0 0 50%;max-width:50%}.wwof-col-md-7{flex:0 0 58.333%;max-width:58.333%}.wwof-col-md-8{flex:0 0 66.667%;max-width:66.667%}.wwof-col-md-9{flex:0 0 75%;max-width:75%}.wwof-col-md-10{flex:0 0 83.333%;max-width:83.333%}.wwof-col-md-11{flex:0 0 91.667%;max-width:91.667%}.wwof-col-md-12{flex:0 0 100%;max-width:100%}}@media (min-width:1024px){.wwof-col-lg-1{flex:0 0 8.333%;max-width:8.333%}.wwof-col-lg-2{flex:0 0 16.667%;max-width:16.667%}.wwof-col-lg-3{flex:0 0 25%;max-width:25%}.wwof-col-lg-4{flex:0 0 33.333%;max-width:33.333%}.wwof-col-lg-5{flex:0 0 41.667%;max-width:41.667%}.wwof-col-lg-6{flex:0 0 50%;max-width:50%}.wwof-col-lg-7{flex:0 0 58.333%;max-width:58.333%}.wwof-col-lg-8{flex:0 0 66.667%;max-width:66.667%}.wwof-col-lg-9{flex:0 0 75%;max-width:75%}.wwof-col-lg-10{flex:0 0 83.333%;max-width:83.333%}.wwof-col-lg-11{flex:0 0 91.667%;max-width:91.667%}.wwof-col-lg-12{flex:0 0 100%;max-width:100%}}@media (max-width:768px){.wwof-row>[class*="wwof-col-"]:not([class*="-sm-"]){flex:0 0 100%;max-width:100%}}.wwof-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 18px;font-family:var(--font);font-size:var(--fs-sm);font-weight:600;border:1px solid var(--wwof-border);border-radius:var(--radius-sm);background:var(--wwof-surface);color:var(--wwof-text);cursor:pointer;transition:all var(--t-fast);white-space:nowrap;text-decoration:none;line-height:1.4}.wwof-btn:hover{border-color:var(--wwof-gold);color:var(--wwof-gold);transform:translateY(-1px);box-shadow:var(--shadow-sm);text-decoration:none}.wwof-btn:active{transform:translateY(0)}.wwof-btn:disabled{opacity:0.5;cursor:not-allowed;transform:none}.wwof-btn-primary{background:var(--wwof-gold);color:#fff;border-color:var(--wwof-gold)}.wwof-btn-primary:hover{background:var(--wwof-gold-hover);border-color:var(--wwof-gold-hover);color:#fff}.wwof-btn-success{background:var(--wwof-success);color:#fff;border-color:var(--wwof-success)}.wwof-btn-success:hover{background:var(--wwof-success-hover);border-color:var(--wwof-success-hover);color:#fff}.wwof-btn-danger{background:var(--wwof-danger);color:#fff;border-color:var(--wwof-danger)}.wwof-btn-danger:hover{background:var(--wwof-danger-hover);border-color:var(--wwof-danger-hover);color:#fff}.wwof-btn-warning{background:var(--wwof-warning);color:var(--wwof-dark);border-color:var(--wwof-warning)}.wwof-btn-warning:hover{background:var(--wwof-warning-hover);border-color:var(--wwof-warning-hover);color:var(--wwof-dark)}.wwof-btn-info{background:var(--wwof-info);color:#fff;border-color:var(--wwof-info)}.wwof-btn-info:hover{background:var(--wwof-info-hover);border-color:var(--wwof-info-hover);color:#fff}.wwof-btn-outline{background:transparent}.wwof-btn-outline-primary{color:var(--wwof-gold);border-color:var(--wwof-gold);background:transparent}.wwof-btn-outline-primary:hover{background:var(--wwof-gold);color:#fff}.wwof-btn-ghost{border:none;background:none;color:var(--wwof-muted)}.wwof-btn-ghost:hover{color:var(--wwof-gold);background:var(--wwof-gold-soft)}.wwof-btn-sm{padding:5px 12px;font-size:var(--fs-xs);border-radius:var(--radius-sm)}.wwof-btn-lg{padding:12px 28px;font-size:var(--fs-md);border-radius:var(--radius)}.wwof-btn-icon{width:36px;height:36px;padding:0;border-radius:var(--radius-sm)}.wwof-btn-icon.sm{width:28px;height:28px;font-size:12px}.wwof-btn-group{display:inline-flex}.wwof-btn-group .wwof-btn{border-radius:0;margin-left:-1px}.wwof-btn-group .wwof-btn:first-child{border-radius:var(--radius-sm) 0 0 var(--radius-sm);margin-left:0}.wwof-btn-group .wwof-btn:last-child{border-radius:0 var(--radius-sm) var(--radius-sm) 0}.wwof-card{background:var(--wwof-surface);border:1px solid var(--wwof-border);border-radius:var(--radius);box-shadow:var(--shadow-xs);transition:box-shadow var(--t),transform var(--t)}.wwof-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.wwof-card-static:hover{transform:none;box-shadow:var(--shadow-xs)}.wwof-card-head{padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--wwof-border-2);display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);font-size:var(--fs-sm);font-weight:600}.wwof-card-head i{color:var(--wwof-gold)}.wwof-card-body{padding:var(--sp-3) var(--sp-4) var(--sp-4)}.wwof-card-footer{padding:var(--sp-3) var(--sp-4);border-top:1px solid var(--wwof-border-2)}.wwof-stat-card{background:var(--wwof-surface);border:1px solid var(--wwof-border);border-radius:var(--radius);padding:var(--sp-4);border-left:3px solid var(--wwof-gold);box-shadow:var(--shadow-xs);transition:transform var(--t),box-shadow var(--t)}.wwof-stat-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.wwof-stat-card.success{border-left-color:var(--wwof-success)}.wwof-stat-card.warning{border-left-color:var(--wwof-warning)}.wwof-stat-card.danger{border-left-color:var(--wwof-danger)}.wwof-stat-card.info{border-left-color:var(--wwof-info)}.wwof-stat-label{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--wwof-muted-2);font-weight:600;margin-bottom:var(--sp-1)}.wwof-stat-value{font-size:var(--fs-2xl);font-weight:800;letter-spacing:-.03em;line-height:1}.wwof-stat-meta{font-size:var(--fs-xs);color:var(--wwof-muted);margin-top:var(--sp-2);display:flex;align-items:center;gap:6px}.wwof-feature-card{border-radius:var(--radius-lg);padding:var(--sp-8) var(--sp-6);color:#fff;display:flex;flex-direction:column;justify-content:space-between}.wwof-feature-card.gold{background:linear-gradient(135deg,var(--wwof-bronze-light),var(--wwof-bronze-dark))}.wwof-feature-card.blue{background:linear-gradient(135deg,#1565C0,#0D47A1)}.wwof-feature-card.green{background:linear-gradient(135deg,#2E7D32,#1B5E20)}.wwof-feature-card.purple{background:linear-gradient(135deg,#7B1FA2,#4A148C)}.wwof-feature-card.teal{background:linear-gradient(135deg,#00838F,#006064)}.wwof-feature-card.orange{background:linear-gradient(135deg,#E65100,#BF360C)}.wwof-feature-card.dark{background:linear-gradient(135deg,#2C3034,#1a1a2e)}.wwof-empty{text-align:center;padding:var(--sp-12) var(--sp-6);color:var(--wwof-muted)}.wwof-empty i{font-size:2.5rem;color:var(--wwof-muted-2);display:block;margin-bottom:var(--sp-3)}.wwof-empty-title{font-weight:700;color:var(--wwof-text-2);margin-bottom:var(--sp-1)}.wwof-table{border-collapse:separate;border-spacing:0;width:100%;border:1px solid var(--wwof-border);border-radius:var(--radius);overflow:hidden;background:var(--wwof-surface)}.wwof-table thead th{background:var(--wwof-surface-2);border-bottom:2px solid var(--wwof-border);padding:10px 14px;font-size:var(--fs-xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--wwof-muted);text-align:left}.wwof-table tbody td{padding:10px 14px;border-bottom:1px solid var(--wwof-border-2);font-size:var(--fs-sm)}.wwof-table tbody tr:last-child td{border-bottom:none}.wwof-table tbody tr{transition:background var(--t-fast)}.wwof-table tbody tr:hover{background:var(--wwof-gold-soft)}.wwof-table-striped tbody tr:nth-child(even){background:var(--wwof-surface-2)}.wwof-table-compact thead th{padding:6px 10px}.wwof-table-compact tbody td{padding:6px 10px;font-size:var(--fs-xs)}.wwof-table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--radius)}.wwof-table-responsive .wwof-table{min-width:600px}.wwof-form-label{display:block;font-size:var(--fs-xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--wwof-muted);margin-bottom:var(--sp-1)}.wwof-form-control{width:100%;padding:8px 12px;font-family:var(--font);font-size:var(--fs-sm);border:1px solid var(--wwof-border);border-radius:var(--radius-sm);background:var(--wwof-surface);color:var(--wwof-text);transition:border-color var(--t-fast),box-shadow var(--t-fast)}.wwof-form-control:focus{outline:none;border-color:var(--wwof-gold);box-shadow:0 0 0 3px var(--wwof-gold-soft)}.wwof-form-control::placeholder{color:var(--wwof-muted-2)}.wwof-form-control:disabled{opacity:0.6;cursor:not-allowed;background:var(--wwof-warm-3)}.wwof-form-control.is-invalid{border-color:var(--wwof-danger)}.wwof-form-control.is-valid{border-color:var(--wwof-success)}textarea.wwof-form-control{min-height:80px;resize:vertical}select.wwof-form-control{appearance:auto}.wwof-form-group{margin-bottom:var(--sp-4)}.wwof-form-hint{font-size:var(--fs-xs);color:var(--wwof-muted);margin-top:var(--sp-1)}.wwof-form-error{font-size:var(--fs-xs);color:var(--wwof-danger);margin-top:var(--sp-1)}.wwof-form-required{color:var(--wwof-danger)}.wwof-input-group{display:flex}.wwof-input-group .wwof-form-control{border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.wwof-input-group-text{display:inline-flex;align-items:center;padding:8px 12px;font-size:var(--fs-sm);border:1px solid var(--wwof-border);border-left:none;border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:var(--wwof-surface-2);color:var(--wwof-muted)}.wwof-toggle{position:relative;display:inline-block;width:40px;height:22px}.wwof-toggle input{opacity:0;width:0;height:0}.wwof-toggle-slider{position:absolute;cursor:pointer;inset:0;background:var(--wwof-border);border-radius:22px;transition:var(--t-fast)}.wwof-toggle-slider::before{content:'';position:absolute;height:16px;width:16px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:var(--t-fast)}.wwof-toggle input:checked + .wwof-toggle-slider{background:var(--wwof-gold)}.wwof-toggle input:checked + .wwof-toggle-slider::before{transform:translateX(18px)}.wwof-toggle input:focus-visible + .wwof-toggle-slider{outline:2px solid var(--wwof-gold);outline-offset:2px}.wwof-badge,[class*="wwof-badge-"]{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:var(--radius-pill);font-size:var(--fs-xs);font-weight:600;white-space:nowrap}.wwof-badge-primary{background:var(--wwof-gold-soft);color:var(--wwof-gold)}.wwof-badge-success{background:var(--wwof-success-soft);color:var(--wwof-success)}.wwof-badge-warning{background:var(--wwof-warning-soft);color:var(--wwof-warning)}.wwof-badge-danger{background:var(--wwof-danger-soft);color:var(--wwof-danger)}.wwof-badge-info{background:var(--wwof-info-soft);color:var(--wwof-info)}.wwof-badge-dark{background:var(--wwof-dark);color:#fff}.wwof-pill,[class*="wwof-pill-"]{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:var(--radius-pill);font-size:var(--fs-xs);font-weight:600;white-space:nowrap;background:var(--wwof-warm-3);color:var(--wwof-text-2)}.wwof-pill-gold{background:var(--wwof-gold);color:#fff}.wwof-pill-success{background:var(--wwof-success);color:#fff}.wwof-pill-warning{background:var(--wwof-warning);color:var(--wwof-dark)}.wwof-pill-danger{background:var(--wwof-danger);color:#fff}.wwof-avatar{width:32px;height:32px;border-radius:50%;flex-shrink:0;background:var(--wwof-gold);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:var(--fs-xs);font-weight:700}.wwof-avatar.sm{width:26px;height:26px;font-size:0.6rem}.wwof-avatar.lg{width:44px;height:44px;font-size:var(--fs-sm)}.wwof-alert{padding:var(--sp-3) var(--sp-4);border-radius:var(--radius);font-size:var(--fs-sm);display:flex;align-items:flex-start;gap:var(--sp-3);margin-bottom:var(--sp-4)}.wwof-alert-success{background:var(--wwof-success-soft);border-left:3px solid var(--wwof-success);color:var(--wwof-success)}.wwof-alert-warning{background:var(--wwof-warning-soft);border-left:3px solid var(--wwof-warning);color:#7a5a0a}.wwof-alert-danger{background:var(--wwof-danger-soft);border-left:3px solid var(--wwof-danger);color:var(--wwof-danger)}.wwof-alert-info{background:var(--wwof-info-soft);border-left:3px solid var(--wwof-info);color:#1a4fc0}.wwof-callout{padding:var(--sp-4);border-radius:var(--radius);border-left:4px solid var(--wwof-gold);background:var(--wwof-surface);margin-bottom:var(--sp-4)}.wwof-callout-title{font-weight:700;margin-bottom:var(--sp-1)}.wwof-progress{height:8px;border-radius:var(--radius-pill);background:var(--wwof-warm-3);overflow:hidden}.wwof-progress-bar{height:100%;border-radius:var(--radius-pill);background:var(--wwof-gold);transition:width var(--t-slow)}.wwof-progress-bar.success{background:var(--wwof-success)}.wwof-progress-bar.warning{background:var(--wwof-warning)}.wwof-progress-bar.danger{background:var(--wwof-danger)}.wwof-spinner{display:inline-block;width:20px;height:20px;border:2px solid var(--wwof-border);border-top-color:var(--wwof-gold);border-radius:50%;animation:wwof-spin 0.7s linear infinite}.wwof-spinner.lg{width:36px;height:36px;border-width:3px}@keyframes wwof-spin{to{transform:rotate(360deg)}}.wwof-skeleton{background:linear-gradient(90deg,var(--wwof-warm-3) 25%,var(--wwof-border-2) 50%,var(--wwof-warm-3) 75%);background-size:200% 100%;animation:wwof-shimmer 1.4s ease infinite;border-radius:var(--radius-sm);min-height:1em}@keyframes wwof-shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}.wwof-navbar{background:var(--wwof-surface);color:var(--wwof-text);padding:0 var(--sp-6);height:64px;display:flex;align-items:center;justify-content:space-between;box-shadow:var(--shadow-sm);border-bottom:1px solid var(--wwof-border)}.wwof-navbar-brand{font-size:var(--fs-lg);font-weight:800;color:var(--wwof-heading);display:flex;align-items:center;gap:var(--sp-3);text-decoration:none}.wwof-navbar-brand img{height:32px}.wwof-navbar-nav{display:flex;align-items:center;gap:var(--sp-1)}.wwof-nav-link{padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-sm);font-size:var(--fs-sm);font-weight:500;color:var(--wwof-muted);transition:all var(--t-fast);cursor:pointer;text-decoration:none}.wwof-nav-link:hover{color:var(--wwof-gold);background:var(--wwof-gold-soft);text-decoration:none}.wwof-nav-link.active{color:var(--wwof-gold);font-weight:600}.wwof-navbar-dark{background:var(--wwof-dark);color:var(--wwof-warm);border-bottom:none;box-shadow:var(--shadow-md)}.wwof-navbar-dark .wwof-navbar-brand{color:#fff}.wwof-navbar-dark .wwof-nav-link{color:#b8b3aa}.wwof-navbar-dark .wwof-nav-link:hover{color:#fff;background:rgba(255,255,255,.08)}.wwof-navbar-dark .wwof-nav-link.active{color:var(--wwof-gold);background:rgba(181,136,11,.12)}.wwof-pnav{position:sticky;top:0;z-index:var(--z-nav);background:linear-gradient(90deg,#F6F4EF 0%,#FBF9F5 100%);border-bottom:1px solid var(--wwof-border);box-shadow:0 2px 6px rgba(0,0,0,.06);height:64px;display:flex;align-items:center;padding:0 var(--sp-8)}.wwof-pnav-logo{display:flex;align-items:center;gap:12px;cursor:pointer;margin-right:28px;text-decoration:none;flex-shrink:0}.wwof-pnav-logo img{height:40px}.wwof-pnav-logo-title{font-size:0.95rem;font-weight:800;letter-spacing:-.01em;border-left:2px solid var(--wwof-gold);padding-left:12px;background:linear-gradient(135deg,var(--wwof-dark),var(--wwof-gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.wwof-pnav-center{display:flex;align-items:center;gap:2px;flex:1;justify-content:center;height:100%}.wwof-pnav-tab{position:relative;display:flex;align-items:center;gap:6px;padding:8px 16px;border:none;background:transparent;color:var(--wwof-text-2);font-size:0.84rem;font-weight:600;cursor:pointer;transition:all var(--t-fast);white-space:nowrap;font-family:inherit;border-radius:var(--radius-sm);text-decoration:none}.wwof-pnav-tab i{font-size:1rem;color:var(--wwof-muted);transition:color var(--t-fast)}.wwof-pnav-tab:hover{color:#000;text-decoration:none}.wwof-pnav-tab:hover i{color:var(--wwof-dark)}.wwof-pnav-tab.active{color:#000;font-weight:700;border-radius:0}.wwof-pnav-tab.active i{color:var(--wwof-gold)}.wwof-pnav-tab.active::after{content:'';position:absolute;bottom:-4px;left:12px;right:12px;height:2.5px;background:var(--wwof-gold);border-radius:2px}.wwof-pnav-badge{font-size:0.6rem;background:var(--wwof-warning);color:var(--wwof-dark);padding:1px 5px;border-radius:10px;font-weight:700}.wwof-pnav-divider{width:1px;height:20px;background:var(--wwof-border);margin:0 10px}.wwof-pnav-right{display:flex;align-items:center;gap:8px;margin-left:20px;flex-shrink:0}.wwof-pnav-icon{width:34px;height:34px;border-radius:var(--radius-sm);border:none;background:transparent;color:var(--wwof-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:0.95rem;transition:all var(--t-fast)}.wwof-pnav-icon:hover{background:rgba(44,48,52,.06);color:var(--wwof-dark)}.wwof-pnav-secure{font-size:0.72rem;color:var(--wwof-success);display:flex;align-items:center;gap:4px;padding:4px 10px;border-radius:20px;border:1px solid rgba(46,125,50,.15);background:#EAF6ED;font-weight:600}.wwof-pnav-user{display:flex;align-items:center;gap:8px;padding:5px 12px 5px 6px;border-radius:24px;background:rgba(44,48,52,.04);border:1px solid var(--wwof-border);color:var(--wwof-dark);font-size:0.8rem;font-weight:600;cursor:pointer;transition:all var(--t-fast)}.wwof-pnav-user:hover{background:rgba(44,48,52,.08);border-color:#D4CFC6}.wwof-mega-wrap{position:relative;height:100%;display:flex;align-items:center}.wwof-mega{display:none;position:absolute;top:56px;left:-40px;min-width:440px;background:var(--wwof-surface);border:1px solid var(--wwof-border);border-radius:var(--radius-lg);box-shadow:0 16px 48px rgba(0,0,0,.10);padding:22px 24px;z-index:var(--z-dropdown)}.wwof-mega-wrap:hover .wwof-mega,.wwof-mega-wrap:focus-within .wwof-mega{display:block}.wwof-mega-cols{display:grid;grid-template-columns:1fr 1fr;gap:20px}.wwof-mega-col-title{font-size:0.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--wwof-muted-2);margin-bottom:10px}.wwof-mega-link{display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--t-fast);text-decoration:none}.wwof-mega-link:hover{background:var(--wwof-gold-soft);text-decoration:none}.wwof-mega-link-icon{width:32px;height:32px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}.wwof-mega-link-label{font-size:0.82rem;font-weight:600;color:var(--wwof-heading)}.wwof-mega-link-desc{font-size:0.68rem;color:var(--wwof-muted)}.wwof-snav{display:flex;align-items:center;gap:2px;padding:0 var(--sp-8);background:var(--wwof-surface);border-bottom:1px solid var(--wwof-border);height:38px;overflow-x:auto}.wwof-snav-tab{display:flex;align-items:center;gap:5px;padding:6px 14px;font-size:0.78rem;font-weight:500;color:var(--wwof-muted);cursor:pointer;transition:all var(--t-fast);border-bottom:2px solid transparent;text-decoration:none;white-space:nowrap}.wwof-snav-tab:hover{color:var(--wwof-gold);text-decoration:none}.wwof-snav-tab.active{color:var(--wwof-gold);font-weight:600;border-bottom-color:var(--wwof-gold)}.wwof-snav-tab i{font-size:12px}.wwof-snav-badge{font-size:0.58rem;background:var(--wwof-warning);color:var(--wwof-dark);padding:1px 6px;border-radius:10px;font-weight:700;margin-left:2px}.wwof-tabs{display:flex;gap:var(--sp-1);border-bottom:2px solid var(--wwof-border);padding-bottom:0}.wwof-tab{padding:var(--sp-2) var(--sp-4);font-size:var(--fs-sm);font-weight:500;color:var(--wwof-muted);border-bottom:2px solid transparent;margin-bottom:-2px;cursor:pointer;transition:all var(--t-fast);display:flex;align-items:center;gap:6px;background:none;border-top:none;border-left:none;border-right:none;font-family:inherit}.wwof-tab:hover{color:var(--wwof-gold)}.wwof-tab.active{color:var(--wwof-gold);border-bottom-color:var(--wwof-gold);font-weight:600}.wwof-tab-pane{display:none}.wwof-tab-pane.active{display:block}.wwof-breadcrumb{display:flex;align-items:center;gap:6px;font-size:var(--fs-xs);color:var(--wwof-muted);margin-bottom:var(--sp-2)}.wwof-breadcrumb a{color:var(--wwof-muted)}.wwof-breadcrumb a:hover{color:var(--wwof-gold)}.wwof-breadcrumb-sep{opacity:0.4}.wwof-breadcrumb-active{color:var(--wwof-text);font-weight:500}.wwof-pagination{display:flex;gap:4px;align-items:center}.wwof-page-link{min-width:30px;height:30px;padding:0 8px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--wwof-border);border-radius:var(--radius-sm);background:var(--wwof-surface);color:var(--wwof-text-2);font-size:var(--fs-xs);font-weight:600;cursor:pointer;text-decoration:none;transition:all var(--t-fast)}.wwof-page-link:hover{border-color:var(--wwof-gold);color:var(--wwof-gold);text-decoration:none}.wwof-page-link.active{background:var(--wwof-gold);border-color:var(--wwof-gold);color:#fff}.wwof-page-link:disabled{opacity:.5;cursor:not-allowed}.wwof-ticker{position:fixed;bottom:0;left:0;right:0;height:36px;z-index:var(--z-ticker);background:#f0e8d8;border-top:1px solid #d4c9ad;display:flex;align-items:center;padding:0 var(--sp-6);font-size:12px;color:#54585f}.wwof-ticker-stats{display:flex;align-items:center;gap:16px;flex-shrink:0;padding-right:20px;border-right:1px solid rgba(84,88,95,.25);margin-right:20px}.wwof-ticker-stat{display:flex;align-items:center;gap:6px;white-space:nowrap}.wwof-ticker-dot{width:6px;height:6px;border-radius:50%;background:var(--wwof-success);animation:wwof-pulse 2.4s ease-in-out infinite}.wwof-ticker-dot.warning{background:var(--wwof-warning)}.wwof-ticker-dot.danger{background:var(--wwof-danger)}.wwof-ticker-scroll{flex:1;overflow:hidden;mask-image:linear-gradient(90deg,transparent,black 3%,black 97%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,black 3%,black 97%,transparent)}.wwof-ticker-track{display:flex;align-items:center;gap:32px;white-space:nowrap;width:max-content;animation:wwof-ticker-scroll 120s linear infinite}.wwof-ticker-track:hover{animation-play-state:paused}.wwof-ticker-item{display:inline-flex;align-items:center;gap:5px;font-size:11px;opacity:.85}.wwof-ticker-item .dot{width:4px;height:4px;border-radius:50%;background:var(--wwof-success)}.wwof-ticker-item .dot.warning{background:var(--wwof-warning)}.wwof-ticker-item .dot.info{background:var(--wwof-info)}.wwof-ticker-item time,.wwof-ticker-item .when{opacity:.5}.wwof-ticker-credit{display:flex;align-items:center;flex-shrink:0;padding-left:20px;border-left:1px solid rgba(84,88,95,.25);margin-left:20px}.wwof-ticker-credit img{height:20px}body:has(.wwof-ticker){padding-bottom:36px}@keyframes wwof-pulse{0%,100%{opacity:1}50%{opacity:.5}}@keyframes wwof-ticker-scroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}.wwof-modal-backdrop{position:fixed;inset:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.45);backdrop-filter:blur(3px)}.wwof-modal-backdrop[hidden]{display:none}.wwof-modal{background:var(--wwof-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);width:90%;max-width:560px;max-height:90vh;display:flex;flex-direction:column;animation:wwof-modal-in 0.25s var(--ease)}@keyframes wwof-modal-in{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}.wwof-modal-header{padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--wwof-border);display:flex;align-items:center;justify-content:space-between}.wwof-modal-header h3{margin:0;font-size:var(--fs-md)}.wwof-modal-body{padding:var(--sp-5);overflow-y:auto;flex:1}.wwof-modal-footer{padding:var(--sp-3) var(--sp-5);border-top:1px solid var(--wwof-border);display:flex;justify-content:flex-end;gap:var(--sp-2)}.wwof-modal-lg{max-width:800px}.wwof-modal-sm{max-width:400px}.wwof-toast{position:fixed;top:var(--sp-5);right:var(--sp-5);z-index:var(--z-toast);background:var(--wwof-dark);color:#fff;padding:var(--sp-3) var(--sp-5);border-radius:var(--radius);box-shadow:var(--shadow-lg);font-size:var(--fs-sm);max-width:380px;display:flex;align-items:center;gap:var(--sp-2);transform:translateX(120%);transition:transform 0.3s var(--ease)}.wwof-toast.show{transform:translateX(0)}.wwof-toast-success{border-left:4px solid var(--wwof-success)}.wwof-toast-warning{border-left:4px solid var(--wwof-warning)}.wwof-toast-danger{border-left:4px solid var(--wwof-danger)}.wwof-toast-info{border-left:4px solid var(--wwof-info)}.wwof-toast-container{position:fixed;top:var(--sp-5);right:var(--sp-5);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--sp-2);pointer-events:none}.wwof-toast-container .wwof-toast{position:static;pointer-events:auto}.wwof-d-none{display:none !important}.wwof-d-block{display:block !important}.wwof-d-flex{display:flex !important}.wwof-d-grid{display:grid !important}.wwof-d-inline{display:inline !important}.wwof-d-inline-flex{display:inline-flex !important}@media (max-width:767px){.wwof-d-md-none{display:none !important}}@media (min-width:768px){.wwof-d-md-only{display:none !important}}.wwof-flex-row{flex-direction:row}.wwof-flex-col{flex-direction:column}.wwof-flex-wrap{flex-wrap:wrap}.wwof-flex-1{flex:1}.wwof-items-center{align-items:center}.wwof-items-start{align-items:flex-start}.wwof-justify-between{justify-content:space-between}.wwof-justify-center{justify-content:center}.wwof-justify-end{justify-content:flex-end}.wwof-gap-1{gap:var(--sp-1)}.wwof-gap-2{gap:var(--sp-2)}.wwof-gap-3{gap:var(--sp-3)}.wwof-gap-4{gap:var(--sp-4)}.wwof-gap-6{gap:var(--sp-6)}.wwof-m-0{margin:0 !important}.wwof-mt-1{margin-top:var(--sp-1)}.wwof-mt-2{margin-top:var(--sp-2)}.wwof-mt-3{margin-top:var(--sp-3)}.wwof-mt-4{margin-top:var(--sp-4)}.wwof-mt-6{margin-top:var(--sp-6)}.wwof-mb-1{margin-bottom:var(--sp-1)}.wwof-mb-2{margin-bottom:var(--sp-2)}.wwof-mb-3{margin-bottom:var(--sp-3)}.wwof-mb-4{margin-bottom:var(--sp-4)}.wwof-mb-6{margin-bottom:var(--sp-6)}.wwof-p-0{padding:0 !important}.wwof-p-2{padding:var(--sp-2)}.wwof-p-3{padding:var(--sp-3)}.wwof-p-4{padding:var(--sp-4)}.wwof-p-6{padding:var(--sp-6)}.wwof-text-center{text-align:center}.wwof-text-right{text-align:right}.wwof-text-muted{color:var(--wwof-muted) !important}.wwof-text-gold{color:var(--wwof-gold) !important}.wwof-text-success{color:var(--wwof-success) !important}.wwof-text-warning{color:var(--wwof-warning) !important}.wwof-text-danger{color:var(--wwof-danger) !important}.wwof-text-white{color:#fff !important}.wwof-text-xs{font-size:var(--fs-xs)}.wwof-text-sm{font-size:var(--fs-sm)}.wwof-text-lg{font-size:var(--fs-lg)}.wwof-text-xl{font-size:var(--fs-xl)}.wwof-fw-400{font-weight:400}.wwof-fw-600{font-weight:600}.wwof-fw-700{font-weight:700}.wwof-fw-800{font-weight:800}.wwof-text-upper{text-transform:uppercase;letter-spacing:.05em}.wwof-text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wwof-text-mono{font-family:var(--font-mono)}.wwof-bg-surface{background:var(--wwof-surface) !important}.wwof-bg-warm{background:var(--wwof-warm) !important}.wwof-bg-dark{background:var(--wwof-dark) !important;color:#fff}.wwof-bg-gold{background:var(--wwof-gold) !important;color:#fff}.wwof-border{border:1px solid var(--wwof-border)}.wwof-border-top{border-top:1px solid var(--wwof-border)}.wwof-border-bottom{border-bottom:1px solid var(--wwof-border)}.wwof-rounded{border-radius:var(--radius)}.wwof-rounded-lg{border-radius:var(--radius-lg)}.wwof-rounded-pill{border-radius:var(--radius-pill)}.wwof-shadow-sm{box-shadow:var(--shadow-sm)}.wwof-shadow{box-shadow:var(--shadow-md)}.wwof-shadow-lg{box-shadow:var(--shadow-lg)}.wwof-w-100{width:100%}.wwof-w-auto{width:auto}.wwof-mw-100{max-width:100%}.wwof-overflow-auto{overflow:auto}.wwof-overflow-hidden{overflow:hidden}.wwof-pointer{cursor:pointer}.wwof-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.wwof-logo-plate{background:#fff;padding:6px 10px;border-radius:var(--radius-sm)}html.wwof-dark{--wwof-bg:#1a1a2e;--wwof-surface:#2C3034;--wwof-surface-2:#363B3F;--wwof-warm:#1a1a2e;--wwof-warm-2:#222;--wwof-warm-3:#2a2a3e;--wwof-border:#444;--wwof-border-2:#3a3a4e;--wwof-heading:#f5f2ec;--wwof-text:#ece8e0;--wwof-text-2:#d6d2c9;--wwof-muted:#aba79e;--wwof-muted-2:#8f8b82;--wwof-dark:#111}@media (prefers-color-scheme:dark){html.wwof-auto{--wwof-bg:#1a1a2e;--wwof-surface:#2C3034;--wwof-surface-2:#363B3F;--wwof-warm:#1a1a2e;--wwof-warm-2:#222;--wwof-warm-3:#2a2a3e;--wwof-border:#444;--wwof-border-2:#3a3a4e;--wwof-heading:#f5f2ec;--wwof-text:#ece8e0;--wwof-text-2:#d6d2c9;--wwof-muted:#aba79e;--wwof-muted-2:#8f8b82;--wwof-dark:#111}}@media print{body{background:#fff;color:#000;font-size:11pt;padding-bottom:0 !important}.wwof-navbar,.wwof-pnav,.wwof-snav,.wwof-ticker,.wwof-toast,.wwof-toast-container,.wwof-d-print-none{display:none !important}.wwof-card,.wwof-stat-card{box-shadow:none;border:1px solid #ccc;break-inside:avoid}.wwof-btn{border:1px solid #999}a{color:#000;text-decoration:underline}.wwof-badge,.wwof-pill,[class*="wwof-badge-"],[class*="wwof-pill-"]{border:1px solid currentColor}}@keyframes wwof-fade-up{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes wwof-fade-in{from{opacity:0}to{opacity:1}}@keyframes wwof-scale-in{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}.wwof-anim-fade-up{animation:wwof-fade-up .5s var(--ease) both}.wwof-anim-fade-in{animation:wwof-fade-in .5s var(--ease) both}.wwof-anim-scale-in{animation:wwof-scale-in .4s var(--ease) both}.wwof-delay-1{animation-delay:75ms}.wwof-delay-2{animation-delay:150ms}.wwof-delay-3{animation-delay:225ms}.wwof-delay-4{animation-delay:300ms}.wwof-delay-5{animation-delay:375ms}.wwof-delay-6{animation-delay:450ms}html.wwof-js .wwof-reveal{opacity:0;transform:translateY(18px);transition:opacity .55s var(--ease),transform .55s var(--ease)}html.wwof-js .wwof-reveal.revealed{opacity:1;transform:none}html.wwof-no-motion .wwof-reveal{opacity:1;transform:none}.wwof-btn{position:relative;overflow:hidden}.wwof-btn:active:not(:disabled){transform:translateY(0) scale(.97)}.wwof-btn-primary:hover{box-shadow:0 4px 14px rgba(181,136,11,.35)}.wwof-btn-success:hover{box-shadow:0 4px 14px rgba(46,125,50,.30)}.wwof-btn-danger:hover{box-shadow:0 4px 14px rgba(184,50,48,.30)}.wwof-btn-primary::after{content:'';position:absolute;top:0;left:-75%;width:50%;height:100%;background:linear-gradient(105deg,transparent,rgba(255,255,255,.25),transparent);transform:skewX(-20deg);transition:left .45s var(--ease);pointer-events:none}.wwof-btn-primary:hover::after{left:125%}.wwof-card:hover,.wwof-stat-card:hover{border-color:rgba(181,136,11,.35)}.wwof-feature-card{transition:transform var(--t),box-shadow var(--t)}.wwof-feature-card:hover{transform:translateY(-3px) scale(1.01);box-shadow:var(--shadow-lg)}.wwof-stat-card .wwof-stat-value{transition:color var(--t-fast)}.wwof-stat-card:hover .wwof-stat-value{color:var(--wwof-gold)}.wwof-stat-card.success:hover .wwof-stat-value{color:var(--wwof-success)}.wwof-stat-card.warning:hover .wwof-stat-value{color:var(--wwof-warning)}.wwof-stat-card.danger:hover .wwof-stat-value{color:var(--wwof-danger)}.wwof-stat-card.info:hover .wwof-stat-value{color:var(--wwof-info)}.wwof-table tbody tr:hover td:first-child{box-shadow:inset 3px 0 0 var(--wwof-gold)}.wwof-progress-bar.striped{background-image:linear-gradient(45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.2) 75%,transparent 75%);background-size:16px 16px;animation:wwof-stripes 1s linear infinite}@keyframes wwof-stripes{to{background-position:16px 0}}.wwof-link-slide{position:relative;text-decoration:none}.wwof-link-slide::after{content:'';position:absolute;left:0;bottom:-2px;height:2px;width:100%;background:var(--wwof-gold);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease)}.wwof-link-slide:hover{text-decoration:none}.wwof-link-slide:hover::after{transform:scaleX(1)}.wwof-modal-backdrop{animation:wwof-fade-in .2s var(--ease)}.wwof-badge.live,[class*="wwof-badge-"].live{animation:wwof-pulse 2s ease-in-out infinite}