:root{--bg:#fcfaf9;--panel:#fff;--ink:#332d32;--muted:#8d858a;--line:#eee7e7;--pink:#c95882;--soft:#f9eef1;--shadow:0 10px 30px rgba(67,35,47,.06)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px 'DM Sans',sans-serif}.app-shell{display:flex;min-height:100vh}.sidebar{background:#fff;width:252px;border-right:1px solid var(--line);padding:28px 16px 18px;position:fixed;height:100vh;z-index:3;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font:600 23px 'Playfair Display'}.brand b{color:var(--pink)}.brand small{font:500 7px 'DM Sans';display:block;letter-spacing:1.4px;margin-top:3px;color:#93868b}.brand-mark{width:38px;height:38px;border-radius:13px;display:grid;place-items:center;background:#4f3a48;color:#fff;font:700 25px 'Playfair Display'}nav{margin-top:42px}.nav-link{border:0;background:transparent;width:100%;display:flex;align-items:center;gap:13px;color:#726a70;border-radius:9px;padding:11px 12px;margin:2px 0;text-align:left;font:500 14px 'DM Sans';cursor:pointer}.nav-link i{font-style:normal;font-size:20px;width:19px;text-align:center}.nav-link:hover,.nav-link.active{color:#b94b74;background:var(--soft)}.nav-link em{font-style:normal;font-size:11px;background:#d2668b;color:#fff;padding:1px 6px;border-radius:10px;margin-left:auto}.nav-label{font-size:10px;letter-spacing:1px;color:#b1a8ab;margin:29px 12px 8px}.sidebar-foot{margin-top:auto;border-top:1px solid var(--line);padding:18px 6px 0;display:flex;align-items:center;gap:9px}.avatar,.client-avatar{display:grid;place-items:center;color:#fff;background:#cf7392;border-radius:50%;font-weight:700}.avatar{width:34px;height:34px}.sidebar-foot strong{display:block;font-size:12px}.sidebar-foot small{display:block;color:var(--muted);font-size:10px;margin-top:2px}.more{margin-left:auto;background:0;border:0;color:#968c91}main{margin-left:252px;width:calc(100% - 252px)}.topbar{height:76px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.9);display:flex;align-items:center;padding:0 38px;gap:25px;position:sticky;top:0;z-index:2}.search{width:350px;display:flex;gap:9px;align-items:center;color:#91858a}.search input,.table-tools input{border:0;outline:none;width:100%;font:13px 'DM Sans';background:transparent}.top-actions{margin-left:auto;display:flex;align-items:center;gap:14px}.icon-button{border:0;background:transparent;font-size:20px;color:#776c72;position:relative;cursor:pointer}.notification b{position:absolute;top:-6px;right:-6px;border-radius:10px;background:#d15f88;color:#fff;font-size:9px;padding:2px 4px}.add-button{border:0;border-radius:8px;color:#fff;background:#c95882;padding:11px 16px;font:600 13px 'DM Sans';cursor:pointer;box-shadow:0 4px 10px rgba(201,88,130,.2)}.add-button:hover{background:#af416b}.mobile-menu{display:none}.page{display:none;padding:37px 39px 50px;max-width:1450px;margin:auto}.page.active{display:block}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.page-heading h1,.simple-page h1{font:700 30px 'Playfair Display';margin:4px 0}.page-heading h1 span{color:#d17a9b;font-size:21px}.eyebrow{font-size:10px;color:#c65c83;letter-spacing:1.3px;font-weight:700;margin:0;text-transform:uppercase}.subheading{margin:0;color:var(--muted);font-size:13px}.clock-card{display:flex;gap:10px;background:#fff6f7;border:1px solid #f5e5e8;border-radius:11px;padding:9px 16px;align-items:center}.clock-card span{font-size:22px;color:#d16b90}.clock-card strong{font-size:19px;display:block}.clock-card small{font-size:10px;color:var(--muted)}.smart-day{background:linear-gradient(110deg,#5d4352,#826275);color:#fff;padding:18px 24px;border-radius:11px;display:flex;align-items:center;gap:15px;box-shadow:var(--shadow);margin-bottom:24px}.smart-icon{width:40px;height:40px;display:grid;place-items:center;background:rgba(255,255,255,.13);border-radius:10px;font-size:20px}.smart-day p{color:#e9c8d5;font-size:9px;letter-spacing:1.3px;margin:0 0 4px}.smart-day strong{font-size:13px;display:block}.smart-day span{display:block;margin-top:3px;color:#dfd3d8;font-size:12px}.smart-day span b{color:#fff}.smart-day button{margin-left:auto;color:#fff;border:0;background:transparent;cursor:pointer;font:600 12px 'DM Sans'}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:23px}.metrics article{background:var(--panel);padding:18px 19px;border:1px solid var(--line);border-radius:11px;box-shadow:var(--shadow);min-height:142px}.metric-icon{float:right;border-radius:9px;width:33px;height:33px;display:grid;place-items:center;font-size:17px}.pink{background:#f9e6ec;color:#ce6088}.purple{background:#efe9fb;color:#8870c3}.yellow{background:#fdf4dc;color:#d7a73e}.blue{background:#e5f3f7;color:#5baec4}.metrics p{font-size:9px;font-weight:700;color:#978b91;letter-spacing:1px;margin:8px 0}.metrics h2{font-size:25px;margin:0 0 10px}.metrics h2 small{font-size:12px;color:#948b8e;font-weight:500}.metrics span{font-size:10px}.positive{color:#54a07c}.negative{color:#bf5a61}.neutral{color:var(--muted)}.dashboard-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:18px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:11px;box-shadow:var(--shadow);padding:20px}.panel-title{display:flex;justify-content:space-between;align-items:start}.panel h3{margin:0;font-size:15px}.panel-title span{display:block;font-size:10px;color:var(--muted);margin-top:3px}.text-button,.dots{border:0;background:transparent;color:#bd5279;font:600 11px 'DM Sans';cursor:pointer}.dots{color:#9b8e94}.schedule-list{margin-top:14px}.appointment{display:grid;grid-template-columns:50px 8px 1fr auto;align-items:center;gap:10px;padding:11px 0;border-top:1px solid #f3eeee}.appointment time{font-weight:600;font-size:12px}.appointment .line{height:36px;border-radius:7px;background:#d86f97}.appointment .line.purple{background:#8876c7}.appointment .line.yellow{background:#deb155}.appointment strong{display:block;font-size:12px}.appointment span{font-size:10px;color:var(--muted);display:block;margin-top:2px}.appointment .price{font-weight:600;color:#73676c;font-size:12px}.revenue-panel h2{font-size:26px;margin:19px 0 5px}.revenue-panel h2 small{font-size:13px;color:#8f8588}.chart{height:105px;display:flex;gap:12px;align-items:end;border-bottom:1px solid var(--line);padding:0 8px}.chart i{display:block;flex:1;background:#f1d4df;border-radius:4px 4px 0 0}.chart i.current{background:#cc628b}.chart-labels{display:flex;justify-content:space-between;padding:7px 7px 18px;color:#a3989c;font-size:9px}.payment-row{border-top:1px solid var(--line);padding-top:13px;display:flex;gap:16px;font-size:10px}.payment-row span{display:flex;align-items:center;gap:4px}.payment-row strong{margin-left:3px}.payment-row b{width:7px;height:7px;border-radius:50%}.cash{background:#d86b94}.card{background:#d4b1c1}.next-client{margin:17px 0;display:flex;gap:11px;align-items:center}.client-avatar{width:41px;height:41px;font-size:11px}.peach{background:#d69d87}.next-client h3{font-size:13px}.next-client p,.next-client span{font-size:10px;color:var(--muted);margin:3px 0}.tag{font:700 8px 'DM Sans';padding:3px 5px;border-radius:4px;margin-left:3px}.vip{background:#fff0ce;color:#b18222}.next-actions{border-top:1px solid var(--line);padding-top:13px;display:flex;gap:9px}.next-actions a,.next-actions button{flex:1;text-align:center;padding:8px;border:1px solid #e8dbe0;border-radius:6px;background:#fff;color:#bc547b;font:600 10px 'DM Sans';text-decoration:none;cursor:pointer}.next-actions button{background:#fff2f5}.notice{display:flex;gap:10px;padding:12px 0;border-top:1px solid #f3eeee}.notice b{font-size:16px;color:#cb668c}.notice strong,.notice span{display:block;font-size:11px}.notice span{color:var(--muted);font-size:10px;margin-top:3px}.compact{margin-bottom:20px}.view-switch{border:1px solid var(--line);background:#fff;padding:3px;border-radius:8px;display:flex}.view-switch button{border:0;background:transparent;padding:7px 12px;color:#81767b;font:500 11px 'DM Sans';cursor:pointer;border-radius:5px}.view-switch button.active{background:#f8eaf0;color:#b84c75}.calendar-toolbar{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:10px 10px 0 0;padding:12px 15px}.calendar-toolbar>button{border:0;background:transparent;font-size:18px;cursor:pointer;color:#7d7276}.calendar-toolbar strong{font-size:13px}.calendar-toolbar span{flex:1}.outline{border:1px solid #e5dadd!important;background:#fff!important;border-radius:7px!important;color:#786d72!important;padding:8px 11px!important;font:500 11px 'DM Sans'!important;cursor:pointer}.calendar{display:grid;grid-template-columns:73px 1fr;border:1px solid var(--line);border-top:0;background:#fff;min-height:650px}.times{padding-top:56px;display:grid;grid-template-rows:repeat(11,60px);text-align:center;color:#a69ba0;font-size:10px}.calendar-lane{border-left:1px solid var(--line)}.stylist-head{height:56px;padding:10px 16px;display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--line)}.stylist-head .avatar{width:29px;height:29px;font-size:11px}.stylist-head strong{font-size:12px}.stylist-head small{margin-left:2px;color:var(--muted);font-size:10px}.calendar-grid{height:660px;position:relative;background:repeating-linear-gradient(to bottom,transparent 0,transparent 59px,#eee8e8 60px)}.calendar-event{position:absolute;left:18px;width:calc(100% - 36px);border-left:4px solid;border-radius:5px;padding:7px 10px;background:#fbedf1;font-size:11px;cursor:grab}.calendar-event strong{display:block}.calendar-event span{font-size:10px;color:#796c72}.calendar-event.purple{background:#f0edfb;border-color:#8b78c7}.calendar-event.yellow{background:#fff7e4;border-color:#d9ad4e}.calendar-event.pink{border-color:#cf648c}.table-panel{padding:0}.table-tools{padding:15px;border-bottom:1px solid var(--line);display:flex;gap:15px}.table-tools input{padding:8px;background:#faf8f8;border-radius:7px}.client-table .thead,.client-row{display:grid;grid-template-columns:1.8fr 1.45fr 1.2fr .7fr .8fr 30px;align-items:center;gap:8px;padding:13px 20px}.thead{font-size:9px;letter-spacing:.6px;color:#9b9095;border-bottom:1px solid var(--line)}.client-row{border-bottom:1px solid #f3eeee;font-size:11px}.client-name{display:flex;gap:9px;align-items:center}.client-name .client-avatar{width:30px;height:30px;font-size:9px}.client-name strong{display:block}.client-name small,.client-row>span{color:var(--muted);font-size:10px}.client-row a{color:#a34d70;text-decoration:none}.status{font-size:9px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.service-card{background:#fff;border:1px solid var(--line);border-top:4px solid;border-radius:10px;padding:18px;box-shadow:var(--shadow)}.service-card h3{margin:0;font-size:14px}.service-card p{font-size:11px;color:var(--muted);margin:7px 0 17px}.service-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:12px;font-size:11px}.service-bottom b{color:#b74b72}.report-metrics article{min-height:110px}.report-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:18px}.line-chart{height:220px;padding-top:25px}.line-chart svg{width:100%;height:100%}.popular p{position:relative;padding:10px 0;margin:0;font-size:11px}.popular p span{display:inline-block;width:70%}.popular p b{float:right}.popular i{height:5px;background:#d66d94;display:block;margin-top:7px;border-radius:3px}.simple-page{max-width:1040px}.empty-card,.backup-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:40px;text-align:center;margin-top:22px;box-shadow:var(--shadow)}.empty-card>div{font-size:38px;color:#cd6a90}.empty-card h3{margin:10px 0 5px}.empty-card p{color:var(--muted);font-size:12px;max-width:430px;margin:0 auto 18px}.backup-card{display:flex;align-items:center;gap:20px;text-align:left;padding:27px}.backup-good{width:44px;height:44px;flex:none;background:#e8f5ee;color:#54a17d;border-radius:50%;display:grid;place-items:center;font-size:22px}.backup-card h3{margin:0}.backup-card p,.backup-card span{font-size:11px;color:var(--muted);margin:6px 0}.backup-card button{margin-left:auto}.export-row{display:flex;gap:12px;margin-top:18px}.export-row button{background:#fff;border:1px solid var(--line);border-radius:8px;padding:13px 18px;cursor:pointer;color:#766a70;font:600 12px 'DM Sans'}.settings-grid{background:#fff;border:1px solid var(--line);padding:24px;border-radius:11px;display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:22px}.settings-grid label,.modal label{font-size:11px;font-weight:600}.settings-grid input,.settings-grid select,.modal input,.modal select{display:block;width:100%;margin-top:7px;border:1px solid #e7dfe1;border-radius:7px;padding:10px;font:12px 'DM Sans';color:var(--ink);background:#fff}.modal-backdrop{position:fixed;inset:0;background:rgba(38,27,33,.35);z-index:10;display:none;place-items:center;padding:18px}.modal-backdrop.open{display:grid}.modal{background:#fff;border-radius:13px;width:430px;max-width:100%;padding:28px;position:relative;box-shadow:0 25px 70px rgba(0,0,0,.18)}.modal h2{font:700 24px 'Playfair Display';margin:4px 0 20px}.close{position:absolute;right:16px;top:14px;border:0;background:transparent;font-size:24px;color:#887b81;cursor:pointer}.modal form{display:grid;gap:14px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.modal .add-button{margin-top:6px}.toast{position:fixed;bottom:24px;right:25px;background:#43313b;color:#fff;padding:13px 18px;border-radius:9px;box-shadow:var(--shadow);z-index:20;opacity:0;transform:translateY(15px);transition:.2s;pointer-events:none}.toast.show{opacity:1;transform:translateY(0)}body.dark{--bg:#211b20;--panel:#2c2429;--ink:#f8eff2;--muted:#b5a9ae;--line:#40363c;--soft:#3d2932}.dark .sidebar,.dark .topbar,.dark .calendar,.dark .calendar-toolbar,.dark .outline,.dark .next-actions a,.dark .next-actions button,.dark .settings-grid input,.dark .settings-grid select,.dark .modal,.dark .export-row button{background:#2c2429!important;color:var(--ink)!important}.dark .table-tools input{background:#332a30}.dark .calendar-grid{background:repeating-linear-gradient(to bottom,transparent 0,transparent 59px,#40363c 60px)}
@media(max-width:1050px){.metrics{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.report-grid{grid-template-columns:1fr}.service-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:.25s}.sidebar.open{transform:translateX(0)}main{margin-left:0;width:100%}.topbar{padding:0 18px;height:65px}.mobile-menu{display:block;border:0;background:transparent;font-size:21px}.search{display:none}.top-actions{gap:9px}.add-button span{display:none}.page{padding:24px 16px}.page-heading{align-items:flex-start}.clock-card{display:none}.smart-day{align-items:flex-start}.smart-day button{display:none}.metrics{grid-template-columns:1fr 1fr;gap:10px}.metrics article{padding:13px;min-height:120px}.dashboard-grid{gap:12px}.calendar-toolbar .outline{display:none}.calendar{min-width:570px}.page:has(.calendar){overflow-x:auto}.client-table{min-width:700px}.table-panel{overflow-x:auto}.service-grid{grid-template-columns:1fr}.view-switch button{padding:6px 7px;font-size:10px}.backup-card{display:block}.backup-card button{margin-top:14px}.settings-grid{grid-template-columns:1fr}.export-row{flex-wrap:wrap}}