:root{--ink:#10110f;--side:#171816;--panel:#20221f;--panel2:#292b27;--line:#363936;--gold:#d9b337;--gold2:#f0cf62;--cream:#f4f0e6;--muted:#9ea29a;--green:#74bd8b;--red:#df8176;--blue:#83aee5}*{box-sizing:border-box}[hidden]{display:none!important}html{background:var(--ink);color:var(--cream);font-family:"DM Sans",sans-serif}body{margin:0;min-height:100vh;background:radial-gradient(circle at 75% 0,#25251d 0,transparent 30%),var(--ink)}button,input,select,textarea{font:inherit}.app{min-height:100vh;display:grid;grid-template-columns:232px 1fr}.sidebar{position:sticky;top:0;height:100vh;padding:25px 16px;background:var(--side);border-right:1px solid var(--line);display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;color:var(--cream);text-decoration:none;font:700 14px/1.1 Oswald,sans-serif;letter-spacing:.1em;padding:0 8px 28px}.brand b{color:var(--gold)}.brand-mark,.login-mark{display:grid;place-items:center;background:var(--gold);color:var(--ink);font:700 18px Oswald;width:42px;height:42px;border-radius:50%}.sidebar nav{display:grid;gap:5px}.sidebar nav a{display:flex;align-items:center;gap:12px;padding:12px 13px;color:var(--muted);text-decoration:none;border-radius:7px;font-weight:600}.sidebar nav a span{width:20px;text-align:center}.sidebar nav a:hover,.sidebar nav a.active{background:var(--panel2);color:var(--cream)}.sidebar nav a.active{box-shadow:inset 3px 0 var(--gold)}.sidebar-foot{margin-top:auto;border-top:1px solid var(--line);padding:18px 8px 0;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.live-dot{display:inline-block;width:7px;height:7px;background:var(--green);border-radius:50%;margin-right:6px;box-shadow:0 0 8px var(--green)}.text-button{display:block;border:0;background:none;color:var(--muted);padding:14px 0 0;cursor:pointer}main{min-width:0;padding:26px 32px 50px;max-width:1500px;width:100%;margin:auto}.topbar,.view-head,.panel-head{display:flex;align-items:center;justify-content:space-between;gap:15px}.topbar{margin-bottom:18px}.topbar h1,.view-head h2,.panel h2,.login h1{font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:.035em}.topbar h1{font-size:34px;margin:3px 0 0}.eyebrow{font:600 10px Oswald,sans-serif;text-transform:uppercase;letter-spacing:.14em;color:var(--gold);margin:0}.muted{color:var(--muted)}.top-actions,.date-tools{display:flex;gap:8px}.button,.icon-button,.small-button,.date-tools button{border:1px solid var(--line);background:var(--panel2);color:var(--cream);border-radius:6px;padding:10px 14px;cursor:pointer;font-weight:700}.button:hover,.icon-button:hover,.small-button:hover,.date-tools button:hover{border-color:var(--gold);color:var(--gold2)}.button.gold{background:var(--gold);color:var(--ink);border-color:var(--gold)}.icon-button{font-size:18px;padding:8px 12px}.small-button{padding:7px 10px;font-size:12px}.mobile-menu{display:none}.toast{height:18px;margin:0 0 5px;color:var(--gold);font-size:12px}.view{display:none}.view.active{display:block}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-bottom:12px}.metric{background:var(--panel);border:1px solid var(--line);border-radius:9px;padding:15px 17px}.metric small{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.1em}.metric b{display:block;font:700 29px Oswald,sans-serif;margin-top:3px}.metric em{color:var(--green);font-style:normal;font-size:11px}.panel{background:linear-gradient(145deg,var(--panel),#1c1e1b);border:1px solid var(--line);border-radius:10px;padding:17px}.panel-head{margin-bottom:14px}.panel-head h2,.view-head h2{margin:2px 0 0;font-size:21px}.panel-head>a{color:var(--gold);text-decoration:none;font-size:12px}.panel-head>span{color:var(--muted);font-size:11px}.layout-main{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(250px,.65fr);gap:12px}.side-stack{display:grid;gap:12px}.bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.barber-calendar{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.barber-column{background:#181a17;border:1px solid var(--line);border-radius:8px;min-height:310px;overflow:hidden}.barber-head{padding:11px 12px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.barber-head b{font:600 15px Oswald;text-transform:uppercase}.barber-head span{color:var(--muted);font-size:10px}.appointment{margin:8px;padding:10px;border-left:3px solid var(--gold);background:var(--panel2);border-radius:4px;cursor:pointer}.appointment:hover{background:#33352f}.appointment.confirmed{border-color:var(--green)}.appointment.completed{border-color:var(--blue)}.appointment.cancelled{border-color:var(--red);opacity:.6}.appointment time{display:block;color:var(--gold2);font-size:10px}.appointment b{display:block;margin:3px 0;font-size:12px}.appointment small{color:var(--muted)}.empty{color:var(--muted);padding:22px;text-align:center}.wait-item,.client-row,.conversation-row{display:flex;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding:11px 0}.wait-item:first-child,.client-row:first-child,.conversation-row:first-child{border:0}.wait-item b,.client-row b,.conversation-row b{display:block}.wait-item small,.client-row small,.conversation-row small{color:var(--muted)}.protection{display:flex;align-items:center;justify-content:space-between}.ring{width:84px;height:84px;border-radius:50%;border:8px solid #3c443c;border-top-color:var(--green);display:grid;place-items:center;text-align:center}.ring b{font:700 18px Oswald}.ring span{display:block;font-size:8px;color:var(--muted);text-transform:uppercase}.status-chip,.tag{border:1px solid var(--green);color:var(--green);padding:4px 7px;border-radius:99px;font-size:9px;text-transform:uppercase}.automation-list>div{display:grid;grid-template-columns:28px 1fr auto;gap:10px;align-items:center;padding:10px 0;border-top:1px solid var(--line)}.automation-list>div:first-child{border:0}.automation-list i{color:var(--gold);font:700 15px Oswald}.automation-list span small{display:block;color:var(--muted)}.automation-list strong{font-size:9px;color:var(--green)}.spotlight{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center}.avatar{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--gold);color:var(--ink);font:700 17px Oswald}.spotlight small{display:block;color:var(--muted)}.view-head{margin:10px 0 15px}.view-head input{max-width:280px}.view-head h2{font-size:30px}.client-layout{display:grid;grid-template-columns:330px 1fr;gap:12px}.client-list{padding:8px;max-height:68vh;overflow:auto}.client-row,.conversation-row{padding:12px;cursor:pointer;border-radius:6px}.client-row:hover,.client-row.selected,.conversation-row:hover,.conversation-row.selected{background:var(--panel2)}.client-detail{min-height:460px}.profile-head{display:flex;gap:14px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:17px}.profile-head .avatar{width:64px;height:64px}.profile-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:14px 0}.mini-card{background:#191b18;border:1px solid var(--line);padding:12px;border-radius:7px}.mini-card small{display:block;color:var(--muted)}.notes-area{width:100%;min-height:90px;background:#181a17;color:var(--cream);border:1px solid var(--line);border-radius:6px;padding:10px}.history-item{display:grid;grid-template-columns:100px 1fr auto;gap:10px;padding:10px 0;border-top:1px solid var(--line)}input,select,textarea{background:#181a17;border:1px solid var(--line);color:var(--cream);border-radius:6px;padding:10px}input:focus,textarea:focus{outline:2px solid #d9b33755;border-color:var(--gold)}.campaign-grid,.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.campaign-card,.team-card{background:var(--panel);border:1px solid var(--line);border-radius:9px;padding:18px}.campaign-card h3,.team-card h3{font:600 20px Oswald;text-transform:uppercase}.campaign-card .button{width:100%;margin-top:10px}.progress{height:6px;background:#151714;border-radius:6px;overflow:hidden;margin:14px 0}.progress i{display:block;height:100%;background:var(--gold)}.data-table{display:grid}.table-row{display:grid;grid-template-columns:1.2fr 1fr 1fr .7fr;gap:12px;padding:12px;border-top:1px solid var(--line)}.table-row:first-child{border:0}.table-row span{color:var(--muted)}.bars{display:grid;gap:14px}.bar-row{display:grid;grid-template-columns:90px 1fr 60px;gap:12px;align-items:center}.bar-track{height:12px;background:#151714;border-radius:9px;overflow:hidden}.bar-track i{display:block;height:100%;background:linear-gradient(90deg,var(--gold),var(--gold2))}.login{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(430px,100%);padding:35px;background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:0 25px 80px #0008}.login-card h1{font-size:42px;line-height:1;margin:14px 0}.login-card label{display:block;margin:20px 0 7px;font-size:12px}.login-card input,.login-card .button{width:100%}.login-card .button{margin-top:10px}.form-message{min-height:19px;color:var(--red);font-size:12px}.login-mark{margin-bottom:22px}.modal-close{position:absolute;right:12px;top:10px;background:none;border:0;color:var(--muted);font-size:24px;cursor:pointer}dialog{width:min(520px,calc(100% - 30px));background:var(--panel);color:var(--cream);border:1px solid var(--line);border-radius:10px;padding:0}dialog::backdrop{background:#000a}dialog form{position:relative;padding:25px}.modal-fields{display:grid;gap:11px}.modal-fields label{font-size:11px;color:var(--muted)}.modal-fields input,.modal-fields select,.modal-fields textarea{width:100%}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}@media(max-width:1000px){.app{grid-template-columns:190px 1fr}.sidebar{padding:20px 10px}main{padding:22px 18px}.layout-main{grid-template-columns:1fr}.side-stack{grid-template-columns:1fr 1fr}.campaign-grid,.team-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.app{display:block}.sidebar{position:fixed;z-index:20;transform:translateX(-100%);transition:.2s;width:240px}.sidebar.open{transform:none}.mobile-menu{display:block;background:none;border:0;color:var(--cream);font-size:21px}.topbar h1{font-size:25px}.metric-grid,.bottom-grid,.side-stack,.client-layout,.campaign-grid,.team-grid{grid-template-columns:1fr}.barber-calendar{grid-template-columns:1fr}.barber-column{min-height:100px}.top-actions .gold{display:none}.profile-grid{grid-template-columns:1fr 1fr}.table-row{grid-template-columns:1fr 1fr}main{padding:17px 13px}.client-list{max-height:300px}}