.demo-page{background:var(--bg-cream);min-height:100vh;padding:60px 40px}.demo-page h1{font-family:var(--font-eb-garamond);color:var(--text-dark);text-align:center;margin-bottom:12px;font-size:32px;font-weight:400}.demo-page>p{text-align:center;color:var(--text-muted);margin-bottom:48px;font-size:15px}.demo-grid{grid-template-columns:1fr 1fr;gap:48px;max-width:960px;margin:0 auto;display:grid}.demo-item{flex-direction:column;align-items:center;gap:16px;display:flex}.demo-item-label{font-family:var(--font-eb-garamond);color:var(--text-dark);font-size:18px;font-weight:400}.demo-item-label em{font-style:italic}.hiw-app-frame{border:1px solid var(--border-light);background:#fff;border-radius:12px;width:420px;height:520px;display:flex;overflow:hidden;box-shadow:0 8px 32px #00000014}.hiw-app-sidebar{border-right:1px solid var(--border-light);background:#f3ede8;flex-direction:column;flex-shrink:0;align-items:center;width:44px;padding:14px 0;display:flex}.hiw-sidebar-logo{object-fit:contain;flex-shrink:0;width:24px;height:24px;margin-bottom:14px}.hiw-sidebar-nav{flex-direction:column;gap:4px;display:flex}.hiw-sidebar-item{width:30px;height:30px;color:var(--border-light);border-radius:8px;justify-content:center;align-items:center;display:flex;position:relative}.hiw-sidebar-item.active{color:var(--green-dark);background:#1b4d3014}.hiw-sidebar-item.active:before{content:"";background:var(--green-dark);border-radius:0 2px 2px 0;width:3px;height:16px;position:absolute;top:50%;left:-7px;transform:translateY(-50%)}.hiw-app-main{flex-direction:column;flex:1;min-width:0;display:flex}.hiw-app-toolbar{border-bottom:1px solid var(--border-light);background:#fff;flex-shrink:0;justify-content:space-between;align-items:center;height:36px;padding:0 16px;display:flex}.hiw-breadcrumb{color:var(--text-muted);align-items:center;gap:6px;font-size:11px;display:flex}.hiw-breadcrumb-sep{color:var(--border-light);font-size:10px}.hiw-breadcrumb-active{color:var(--text-dark);font-weight:500}.hiw-toolbar-right{align-items:center;gap:10px;display:flex}.hiw-toolbar-bell{color:var(--text-muted);opacity:.5}.hiw-toolbar-avatar{color:#fff;background:linear-gradient(135deg,#b5c4e3,#97abd6);border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:8px;font-weight:700;display:flex}.hiw-app-content{background:#fafaf7;flex-direction:column;flex:1;gap:14px;padding:20px;display:flex}.hiw-page-title{font-family:var(--font-eb-garamond);color:var(--text-dark);font-size:17px;font-weight:500;line-height:1.2}.hiw-page-subtitle{color:var(--text-muted);margin-top:-6px;font-size:12px}.hiw-form-fields{flex-direction:column;gap:10px;display:flex}.hiw-form-group{flex-direction:column;gap:4px;display:flex}.hiw-form-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-size:10px;font-weight:600}.hiw-form-input{border:1.5px solid var(--border-light);color:var(--text-dark);background:#fff;border-radius:8px;justify-content:space-between;align-items:center;padding:9px 12px;font-size:13px;font-weight:500;display:flex}.hiw-form-input.placeholder{color:var(--text-muted);font-style:italic;font-weight:400}.hiw-form-input-chevron{color:var(--text-muted);flex-shrink:0}.hiw-form-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.hiw-form-btn{background:var(--green-dark);color:#fff;text-align:center;cursor:default;border-radius:100px;margin-top:2px;padding:10px;font-size:13px;font-weight:600}.hiw-panel{border:1px solid var(--border-light);background:#fff;border-radius:12px;flex-direction:column;width:420px;height:520px;display:flex;overflow:hidden;box-shadow:0 8px 32px #00000014}.hiw-panel-header{border-bottom:1px solid var(--border-light);background:#f3ede8;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.hiw-panel-header-left{align-items:center;gap:12px;display:flex}.hiw-panel-logo{object-fit:contain;flex-shrink:0;width:28px;height:28px}.hiw-panel-title{color:var(--text-dark);font-size:15px;font-weight:600}.hiw-panel-subtitle{color:var(--text-muted);margin-top:1px;font-size:11px}.hiw-panel-badge-new{background:var(--green-dark);color:#fff;border-radius:100px;flex-shrink:0;padding:3px 10px;font-size:10px;font-weight:600}.hiw-panel-filters{gap:6px;padding:14px 20px 0;display:flex}.hiw-filter-pill{cursor:default;border:1px solid var(--border-light);color:var(--text-muted);background:#fff;border-radius:100px;padding:5px 12px;font-size:11px;font-weight:500}.hiw-filter-pill.active{background:var(--green-dark);color:#fff;border-color:var(--green-dark)}.hiw-match-list{flex-direction:column;flex:1;gap:8px;padding:14px 20px 20px;display:flex}.hiw-match-card{border:1px solid var(--border-light);background:#fafaf7;border-radius:10px;align-items:center;gap:10px;padding:12px 14px;display:flex;position:relative}.hiw-match-card.best{border-color:var(--green-dark);background:#fff;border-width:1.5px}.hiw-best-label{background:var(--green-dark);color:#fff;letter-spacing:.02em;border-radius:0 0 6px 6px;padding:2px 8px;font-size:9px;font-weight:600;position:absolute;top:-1px;right:12px}.hiw-match-avatar{color:#fff;background:linear-gradient(135deg,#b5c4e3,#97abd6);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:600;display:flex}.hiw-match-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.hiw-match-name{color:var(--text-dark);align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.hiw-match-exp{color:var(--text-muted);font-size:11px}.hiw-verified{color:#2ecc71;align-items:center;gap:2px;font-size:9px;font-weight:600;display:inline-flex}.hiw-match-right{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:4px;display:flex}.hiw-match-rating{color:var(--text-dark);align-items:center;gap:3px;font-size:12px;font-weight:600;display:flex}.hiw-view-link{color:var(--text-muted);cursor:default;font-size:10px;text-decoration:underline}.hiw-receipt{border:1px solid var(--border-light);background:#fff;border-radius:12px;flex-direction:column;width:420px;height:520px;display:flex;overflow:hidden;box-shadow:0 8px 32px #00000014}.hiw-receipt-header{border-bottom:1px solid var(--border-light);text-align:center;background:#f3ede8;flex-direction:column;align-items:center;gap:6px;padding:24px 20px;display:flex}.hiw-receipt-check{background:#2ecc71;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;margin-bottom:2px;display:flex}.hiw-receipt-check svg{width:16px;height:16px}.hiw-receipt-header-text{color:var(--text-dark);font-size:18px;font-weight:600}.hiw-receipt-header-sub{color:var(--text-muted);font-size:12px}.hiw-receipt-body{flex-direction:column;flex:1;gap:14px;padding:20px;display:flex}.hiw-receipt-pro{align-items:center;gap:12px;display:flex}.hiw-booking-avatar{color:#fff;background:linear-gradient(135deg,#b5c4e3,#97abd6);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;font-weight:600;display:flex}.hiw-booking-info{flex-direction:column;gap:2px;display:flex}.hiw-booking-name{color:var(--text-dark);font-size:14px;font-weight:600}.hiw-booking-time{color:var(--text-muted);align-items:center;gap:4px;font-size:11px;display:flex}.hiw-detail-divider{border:none;border-top:1px solid var(--border-light);margin:2px 0}.hiw-receipt-details{flex-direction:column;gap:10px;display:flex}.hiw-detail-row{justify-content:space-between;align-items:center;display:flex}.hiw-detail-label{color:var(--text-muted);align-items:center;gap:6px;font-size:12px;display:flex}.hiw-detail-value{color:var(--text-dark);font-size:13px;font-weight:500}.hiw-receipt-fee{flex-direction:column;gap:4px;display:flex}.hiw-detail-row.fee-highlight{background:#2ecc7114;border-radius:8px;margin:0 -20px;padding:10px 20px}.hiw-detail-value.green{color:#2ecc71;font-size:14px;font-weight:700}.hiw-receipt-fee-note{color:#2ecc71;text-align:center;margin-top:-2px;font-size:11px;font-weight:500}.hiw-actions-row{gap:8px;margin-top:auto;display:flex}.hiw-action-btn{text-align:center;cursor:default;border-radius:100px;flex:1;padding:9px 14px;font-size:12px;font-weight:600}.hiw-action-btn.outline{border:1.5px solid var(--border-light);color:var(--text-dark);background:#fff}.hiw-action-btn.primary{background:var(--green-dark);color:#fff;border:1.5px solid var(--green-dark)}.hiw-billing-card{border:1px solid var(--border-light);background:#fff;border-radius:12px;flex-direction:column;width:420px;height:520px;display:flex;overflow:hidden;box-shadow:0 8px 32px #00000014}.hiw-billing-header{border-bottom:1px solid var(--border-light);background:#fafaf7;align-items:center;gap:12px;padding:16px 20px;display:flex}.hiw-billing-logo{object-fit:contain;flex-shrink:0;width:28px;height:28px}.hiw-billing-header-text{flex-direction:column;gap:1px;display:flex}.hiw-billing-header-title{color:var(--text-dark);font-size:14px;font-weight:600}.hiw-billing-header-period{color:var(--text-muted);font-size:11px}.hiw-billing-body{flex-direction:column;flex:1;gap:14px;padding:20px;display:flex}.hiw-plan-card{border:1.5px solid var(--border-light);background:#fafaf7;border-radius:10px;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.hiw-plan-info{flex-direction:column;gap:3px;display:flex}.hiw-plan-name{color:var(--text-dark);align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.hiw-plan-badge{color:#1a7a3a;background:#2ecc711a;border-radius:100px;align-items:center;padding:2px 8px;font-size:10px;font-weight:600;display:inline-flex}.hiw-plan-price{color:var(--text-muted);font-size:12px}.hiw-activity-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-size:10px;font-weight:600}.hiw-billing-row{justify-content:space-between;align-items:center;display:flex}.hiw-billing-label{color:var(--text-muted);font-size:13px}.hiw-billing-value{color:var(--text-dark);font-size:13px;font-weight:600}.hiw-billing-row.free-highlight{background:#2ecc7114;border-radius:8px;margin:0 -20px;padding:10px 20px}.hiw-billing-value.green{color:#2ecc71;font-size:15px;font-weight:700}.hiw-guarantee-box{background:#2ecc710f;border:1px solid #2ecc7126;border-radius:10px;align-items:flex-start;gap:10px;margin-top:auto;padding:14px 16px;display:flex}.hiw-guarantee-box svg{flex-shrink:0;margin-top:1px}.hiw-guarantee-title{color:#1a7a3a;font-size:13px;font-weight:600}.hiw-guarantee-desc{color:var(--text-muted);margin-top:2px;font-size:11px}.demo-section-label{font-family:var(--font-eb-garamond);color:var(--text-dark);text-align:center;border-bottom:1px solid var(--border-light);max-width:960px;margin:0 auto 32px;padding-bottom:12px;font-size:24px;font-weight:400}.demo-section-label+.demo-grid{margin-bottom:64px}.hiw-profile-top{align-items:center;gap:12px;margin-bottom:2px;display:flex}.hiw-profile-avatar{color:#fff;background:linear-gradient(135deg,#b5c4e3,#97abd6);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;font-weight:600;display:flex}.hiw-profile-name-area{flex-direction:column;gap:1px;display:flex}.hiw-profile-name{color:var(--text-dark);font-size:15px;font-weight:600}.hiw-profile-cred{color:var(--text-muted);font-size:11px}.hiw-pro-availability{gap:4px;display:flex}.hiw-avail-day{border:1.5px solid var(--border-light);width:36px;height:30px;color:var(--text-muted);background:#fff;border-radius:6px;justify-content:center;align-items:center;font-size:10px;font-weight:600;display:flex}.hiw-avail-day.active{background:var(--green-dark);color:#fff;border-color:var(--green-dark)}.hiw-shift-list{flex-direction:column;flex:1;gap:8px;padding:14px 20px 20px;display:flex}.hiw-shift-card{border:1px solid var(--border-light);background:#fafaf7;border-radius:10px;flex-direction:column;gap:8px;padding:14px 16px;display:flex;position:relative}.hiw-shift-card.urgent{border-color:var(--green-dark);background:#fff;border-width:1.5px}.hiw-urgent-label{color:#fff;letter-spacing:.02em;background:#e74c3c;border-radius:0 0 6px 6px;padding:2px 8px;font-size:9px;font-weight:600;position:absolute;top:-1px;right:12px}.hiw-shift-top{justify-content:space-between;align-items:center;display:flex}.hiw-shift-office{color:var(--text-dark);font-size:13px;font-weight:600}.hiw-shift-rate{color:var(--green-dark);font-size:14px;font-weight:700}.hiw-shift-meta{color:var(--text-muted);gap:14px;font-size:11px;display:flex}.hiw-shift-meta span{align-items:center;gap:4px;display:flex}.hiw-shift-office-avatar{background:var(--bg-cream);border:1.5px solid var(--border-light);width:40px;height:40px;color:var(--text-muted);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.hiw-earnings-total{text-align:center;padding:8px 0 4px}.hiw-earnings-amount{font-family:var(--font-eb-garamond);color:var(--green-dark);font-size:36px;font-weight:500;line-height:1}.hiw-earnings-subtitle{color:var(--text-muted);margin-top:4px;font-size:12px}@media (max-width:768px){.demo-grid{grid-template-columns:1fr;gap:40px}.hiw-app-sidebar{width:36px;padding:10px 0}.hiw-sidebar-logo{width:18px;height:18px}.hiw-sidebar-item{width:26px;height:26px}.hiw-breadcrumb{font-size:10px}.hiw-app-content{padding:14px}}@media (max-width:480px){.demo-page{padding:40px 16px}.hiw-app-sidebar{width:32px}.hiw-sidebar-item.active:before{width:2px;height:12px;left:-6px}}