:root{--gold:#c9a84c;--gold-light:#e8c96a;--gold-dim:#c9a84c2e;--gold-glow:#c9a84c59;--bg:#0d0d0d;--bg2:#141414;--bg3:#1a1a1a;--bg4:#222;--border:#c9a84c33;--border2:#ffffff12;--text:#f0ede4;--muted:#888880;--danger:#e05252;--success:#5ec97c;--info:#5aace0;--radius:12px;--radius-sm:8px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:DM Sans,sans-serif;font-size:15px;line-height:1.5}.pill{letter-spacing:.4px;border-radius:99px;align-items:center;gap:5px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.pill--gold{background:var(--gold-dim);color:var(--gold-light)}.pill--green{color:#5ec97c;background:#5ec97c26}.pill--red{color:#e05252;background:#e0525226}.pill--blue{color:#5aace0;background:#5aace026}.pill--grey{color:var(--muted);background:#ffffff12}.avatar{background:var(--gold-dim);border:2px solid var(--gold);width:38px;height:38px;color:var(--gold);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-family:Bebas Neue,sans-serif;font-size:16px;display:flex;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%;display:block}.topbar-user-avatar{object-fit:cover;border:2px solid #c9a84c73;border-radius:50%;flex-shrink:0;width:32px;height:32px}.divider{background:var(--border2);height:1px;margin:20px 0}.login-shell{grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.login-visual{background:linear-gradient(135deg,#111 0%,#1a1400 100%);flex-direction:column;justify-content:flex-end;min-height:600px;padding:60px;display:flex;position:relative;overflow:hidden}.login-visual__bg{background:radial-gradient(80% 60% at 30% 40%,#c9a84c1f 0%,#0000 70%),repeating-linear-gradient(-45deg,#0000 0 40px,#c9a84c0a 40px 41px);position:absolute;inset:0}.login-visual__icon{z-index:1;margin-bottom:24px;font-size:80px;line-height:1;position:relative}.login-visual__tagline{color:var(--text);z-index:1;letter-spacing:2px;margin-bottom:16px;font-family:Bebas Neue,sans-serif;font-size:52px;line-height:.95;position:relative}.login-visual__tagline span{color:var(--gold)}.login-visual__sub{color:var(--muted);z-index:1;font-size:15px;position:relative}.login-form-side{background:var(--bg);flex-direction:column;justify-content:center;align-items:center;padding:60px 48px;display:flex}.login-box{width:100%;max-width:400px}.login-box__logo{letter-spacing:3px;color:var(--gold);margin-bottom:8px;font-family:Bebas Neue,sans-serif;font-size:30px}.login-box h1{color:var(--text);margin-bottom:8px;font-size:28px;font-weight:600}.login-box__sub{color:var(--muted);margin-bottom:36px;font-size:14px}.field{margin-bottom:20px}.field label{letter-spacing:.8px;text-transform:uppercase;color:var(--muted);margin-bottom:8px;font-size:12px;font-weight:600;display:block}.field input,.field select,.field textarea{background:var(--bg3);border:1.5px solid var(--border2);border-radius:var(--radius-sm);width:100%;color:var(--text);outline:none;padding:12px 14px;font-family:DM Sans,sans-serif;font-size:15px;transition:border-color .2s,box-shadow .2s}.field input:focus,.field select:focus{border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-glow)}.field input::placeholder{color:var(--muted)}.field--icon{position:relative}.field--icon .field-icon{pointer-events:none;opacity:.5;font-size:16px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.field--icon input{padding-left:40px}.field input[type=datetime-local],.field input[type=date],.field input[type=time]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.field input[type=datetime-local]{padding-right:48px}.field input[type=datetime-local]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:1;filter:invert()brightness(1.35)contrast(1.1)saturate(1.2);background-color:#5aace024;border:1px solid #5aace047;border-radius:8px;width:28px;height:28px;padding:6px;box-shadow:0 6px 18px #5aace01a}.field input[type=datetime-local]::-webkit-calendar-picker-indicator:hover{background-color:#5aace033;border-color:#5aace073}.phone-br{grid-template-columns:110px 1fr;align-items:center;gap:10px;display:grid}.check-row{color:var(--muted);align-items:center;gap:10px;margin-bottom:24px;font-size:14px;display:flex}.check-row input[type=checkbox]{width:18px;height:18px;accent-color:var(--gold);cursor:pointer}.btn{border-radius:var(--radius-sm);letter-spacing:.5px;cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:13px 24px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--gold) 0%, #b8932a 100%);color:#0d0d0d;width:100%}.btn-primary:hover{filter:brightness(1.12);box-shadow:0 8px 24px var(--gold-glow);transform:translateY(-1px)}.btn-ghost{background:var(--bg3);color:var(--text);border:1.5px solid var(--border2)}.btn-ghost:hover{border-color:var(--gold);color:var(--gold)}.btn-gold-outline{color:var(--gold);border:1.5px solid var(--gold);background:0 0}.btn-gold-outline:hover{background:var(--gold-dim)}.btn-sm{padding:8px 16px;font-size:13px}.btn-icon{min-width:38px;padding:9px}.login-footer{text-align:center;color:var(--muted);margin-top:24px;font-size:14px}.login-footer a{color:var(--gold);font-weight:600;text-decoration:none}.login-footer a:hover{text-decoration:underline}.app-shell{grid-template-columns:240px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--bg2);border-right:1px solid var(--border);flex-direction:column;height:calc(100vh - 57px);display:flex;position:sticky;top:57px;overflow-y:auto}.sidebar__logo{border-bottom:1px solid var(--border);padding:28px 20px 20px}.sidebar__logo-text{letter-spacing:3px;color:var(--gold);align-items:center;gap:8px;font-family:Bebas Neue,sans-serif;font-size:22px;display:flex}.sidebar__section{letter-spacing:1.2px;text-transform:uppercase;color:#88888080;padding:16px 12px 4px;font-size:11px;font-weight:600}.sidebar__nav{flex:1;padding:8px 10px}.sidebar__link{border-radius:var(--radius-sm);color:var(--muted);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:10px 12px;font-size:14px;font-weight:500;text-decoration:none;transition:background .15s,color .15s;display:flex}.sidebar__link:hover{background:var(--bg3);color:var(--text)}.sidebar__link.active{background:var(--gold-dim);color:var(--gold)}.sidebar__link .icon{text-align:center;width:20px;font-size:16px}.sidebar__bottom{border-top:1px solid var(--border);padding:16px 10px}.sidebar__user{border-radius:var(--radius-sm);background:var(--bg3);align-items:center;gap:10px;padding:10px 12px;display:flex}.sidebar__user-info{flex:1;min-width:0}.sidebar__user-name{color:var(--text);font-size:13px;font-weight:600}.sidebar__user-role{color:var(--muted);font-size:11px}.topbar{background:var(--bg2);border-bottom:1px solid var(--border);z-index:10;grid-column:1/-1;justify-content:space-between;align-items:center;gap:16px;height:57px;padding:0 24px;display:flex;position:sticky;top:0}.mobile-only{display:none}.desktop-only{display:block}.topbar__logo{letter-spacing:3px;color:var(--gold);white-space:nowrap;text-overflow:ellipsis;flex:auto;align-items:center;min-width:0;font-family:Bebas Neue,sans-serif;font-size:20px;line-height:1;display:flex;overflow:hidden}.topbar__right{white-space:nowrap;flex-wrap:nowrap;flex:none;justify-content:flex-end;align-items:center;gap:12px;display:flex}#topbar,.bottom-nav{display:none}.badgecu{color:#fff;background:#ff3b30;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;font-weight:700;line-height:1;display:flex;position:absolute;top:-6px;right:-6px}.topbar__title{color:var(--text);flex:auto;min-width:0;font-size:15px;font-weight:600}.topbar__actions{flex-wrap:nowrap;flex:none;justify-content:flex-end;align-items:center;gap:8px;display:flex}.main-content{background:var(--bg);padding:28px;overflow-x:hidden}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:28px;display:flex}.page-header__eyebrow{letter-spacing:1.5px;text-transform:uppercase;color:var(--gold);margin-bottom:4px;font-size:11px;font-weight:600}.page-header__title{letter-spacing:1.5px;color:var(--text);font-family:Bebas Neue,sans-serif;font-size:36px;line-height:1}.stat-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:28px;display:grid}.stat-card{background:var(--bg2);border:1px solid var(--border2);border-radius:var(--radius);padding:20px;transition:border-color .2s;position:relative;overflow:hidden}.stat-card:hover{border-color:var(--border)}.stat-card:before{content:"";background:linear-gradient(90deg, var(--gold), transparent);height:2px;position:absolute;top:0;left:0;right:0}.stat-card__icon{margin-bottom:12px;font-size:28px;display:block}.stat-card__label{letter-spacing:1px;text-transform:uppercase;color:var(--muted);margin-bottom:6px;font-size:11px;font-weight:600}.stat-card__value{color:var(--text);font-family:Bebas Neue,sans-serif;font-size:42px;line-height:1}.stat-card__trend{color:var(--success);margin-top:4px;font-size:12px}.card{background:var(--bg2);border:1px solid var(--border2);border-radius:var(--radius);margin-bottom:16px;padding:20px}.card__title{letter-spacing:.5px;color:var(--text);justify-content:space-between;align-items:center;margin-bottom:16px;font-size:13px;font-weight:600;display:flex}.appt-list{flex-direction:column;gap:10px;display:flex}.appt-item{background:var(--bg3);border-radius:var(--radius-sm);border:1px solid var(--border2);align-items:center;gap:14px;padding:14px 16px;transition:border-color .15s;display:flex}.appt-item:hover{border-color:var(--border)}.appt-time{color:var(--gold);text-align:center;min-width:44px;font-family:DM Mono,monospace;font-size:15px;font-weight:500}.appt-bar{background:var(--gold);border-radius:2px;flex-shrink:0;width:3px;height:40px}.appt-bar--green{background:var(--success)}.appt-bar--red{background:var(--danger)}.appt-bar--blue{background:var(--info)}.appt-bar--grey{background:var(--muted)}.appt-info{flex:1;min-width:0}.appt-client{color:var(--text);font-size:14px;font-weight:600}.appt-meta{color:var(--muted);margin-top:2px;font-size:12px}.appt-actions{flex-shrink:0;gap:6px;display:flex}.week-nav{background:var(--bg2);border:1px solid var(--border2);border-radius:var(--radius);align-items:center;gap:10px;margin-bottom:20px;padding:12px 16px;display:flex}.week-nav__dates{letter-spacing:1px;color:var(--gold);text-align:center;flex:1;font-family:Bebas Neue,sans-serif;font-size:20px}.week-grid{grid-template-columns:repeat(7,1fr);gap:10px;margin-bottom:24px;display:grid}.week-day{background:var(--bg2);border:1px solid var(--border2);border-radius:var(--radius);cursor:pointer;min-height:120px;padding:14px 12px;transition:border-color .15s}.week-day:hover{border-color:var(--border)}.week-day.today{border-color:var(--gold);background:var(--gold-dim)}.week-day__name{letter-spacing:1px;text-transform:uppercase;color:var(--muted);margin-bottom:4px;font-size:10px;font-weight:700}.week-day__num{color:var(--text);margin-bottom:8px;font-family:Bebas Neue,sans-serif;font-size:28px;line-height:1}.week-day.today .week-day__num{color:var(--gold)}.week-appt{background:var(--gold-dim);border-left:2px solid var(--gold);color:var(--gold-light);text-overflow:ellipsis;white-space:nowrap;border-radius:4px;margin-bottom:3px;padding:3px 6px;font-size:11px;overflow:hidden}.week-appt--green{border-color:var(--success);color:var(--success);background:#5ec97c1f}.week-appt--blue{border-color:var(--info);color:var(--info);background:#5aace01f}.agenda-table{border-collapse:collapse;width:100%}.agenda-table th{text-align:left;letter-spacing:.8px;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--border2);padding:10px 14px;font-size:11px;font-weight:600}.agenda-table td{vertical-align:middle;border-bottom:1px solid #ffffff0a;padding:13px 14px;font-size:14px}.agenda-table tr:hover td{background:var(--bg3)}.agenda-table .time-cell{color:var(--gold);font-family:DM Mono,monospace;font-size:13px}.status-select{background:var(--bg3);border:1px solid var(--border2);border-radius:var(--radius-sm);color:var(--text);cursor:pointer;outline:none;padding:6px 10px;font-family:DM Sans,sans-serif;font-size:13px}.status-select:focus{border-color:var(--gold)}.barber-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.barber-card{background:var(--bg2);border:1px solid var(--border2);border-radius:var(--radius);text-align:center;flex-direction:column;align-items:center;padding:20px;transition:border-color .2s,transform .2s;display:flex}.barber-card:hover{border-color:var(--gold);transform:translateY(-2px)}.barber-card__avatar{background:var(--gold-dim);border:3px solid var(--gold);width:72px;height:72px;color:var(--gold);border-radius:50%;justify-content:center;align-items:center;margin-bottom:14px;font-family:Bebas Neue,sans-serif;font-size:28px;display:flex}.barber-card__name{margin-bottom:4px;font-size:16px;font-weight:600}.barber-card__role{color:var(--muted);margin-bottom:12px;font-size:12px}.barber-card__stats{border-top:1px solid var(--border2);justify-content:center;gap:16px;width:100%;padding-top:14px;display:flex}.barber-stat__val{color:var(--gold);font-family:Bebas Neue,sans-serif;font-size:22px}.barber-stat__lbl{color:var(--muted);font-size:11px}.config-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.client-table-wrap{overflow-x:auto}.client-table{border-collapse:collapse;width:100%}.client-table th{text-align:left;letter-spacing:.8px;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--border2);padding:10px 14px;font-size:11px;font-weight:600}.client-table td{vertical-align:middle;border-bottom:1px solid #ffffff0a;padding:13px 14px;font-size:14px}.client-table tr:hover td{background:var(--bg3)}.screen-body{max-width:1280px;margin:0 auto}@media (width<=700px){.login-shell{grid-template-columns:1fr}.login-visual{display:none}.app-shell{grid-template-columns:1fr}.sidebar{display:none}.stat-grid{grid-template-columns:1fr 1fr}.week-grid{grid-template-columns:repeat(3,1fr)}.barber-grid,.config-grid{grid-template-columns:1fr}}select option,select optgroup{background:var(--bg3);color:var(--text)}