:root{--cream:#fbf7f2;--ivory:#fffdfb;--blush:#f3e3df;--blush-2:#ead6d2;--rose:#c9a0a0;--rose-gold:#b76e79;--rose-deep:#9c5560;--gold:#c2a35a;--ink:#3a2e2e;--muted:#9a8a8a;--line:#ecdfd9;--ok:#5c8a6a;--warn:#c79a3e;--bad:#c0533f;--shadow:0 12px 34px #b76e7924;--shadow-sm:0 4px 14px #b76e791a;--radius:18px;--serif:"Playfair Display", Georgia, serif;--sans:"Inter", system-ui, -apple-system, Segoe UI, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--sans);color:var(--ink);background:var(--cream);-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--serif);letter-spacing:.2px;margin:0;font-weight:600}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}.splash{background:var(--cream);place-items:center;height:100%;display:grid}.splash-logo{width:88px;height:88px;box-shadow:var(--shadow);border-radius:24px;animation:1.4s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:.6;transform:scale(.97)}50%{opacity:1;transform:scale(1)}}.login-wrap{grid-template-columns:1fr;height:100%;display:grid;position:relative}.login-bg{background-image:linear-gradient(120deg, #3c2e2e57, #b76e794d), var(--bg-img);background-position:50%;background-size:cover;position:absolute;inset:0}.login-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);text-align:center;background:#fffdfbdb;border:1px solid #fff9;border-radius:26px;width:min(410px,92vw);margin:auto;padding:40px 34px 34px;position:relative;box-shadow:0 24px 60px #3c2e2e47}.login-logo{width:72px;height:72px;box-shadow:var(--shadow-sm);border-radius:20px;margin-bottom:16px}.login-card h1{color:var(--rose-deep);font-size:30px}.brand-name{font-family:var(--serif);letter-spacing:3px}.login-sub{color:var(--muted);margin:6px 0 26px;font-size:14px}.login-card form{text-align:left}.login-err{color:var(--bad);text-align:center;margin-top:12px;font-size:13px}.field{margin-bottom:16px}.label{color:var(--rose-deep);letter-spacing:.4px;text-transform:uppercase;margin-bottom:7px;font-size:12.5px;font-weight:600;display:block}.input,.select,textarea.input{width:100%;color:var(--ink);background:var(--ivory);border:1px solid var(--blush-2);border-radius:13px;outline:none;padding:12px 14px;font-family:inherit;font-size:15px;transition:border-color .15s,box-shadow .15s}.input:focus,.select:focus,textarea.input:focus{border-color:var(--rose-gold);box-shadow:0 0 0 3px #b76e7924}textarea.input{resize:vertical;min-height:72px}.row2{grid-template-columns:1fr 1fr;gap:14px;display:grid}.btn{border:1px solid #0000;border-radius:13px;justify-content:center;align-items:center;gap:8px;padding:11px 18px;font-size:14.5px;font-weight:600;transition:filter .15s,background .15s,transform 50ms;display:inline-flex}.btn:active{transform:translateY(1px)}.btn-primary{background:linear-gradient(135deg, var(--rose-gold), var(--rose-deep));color:#fff}.btn-primary:hover{filter:brightness(1.05)}.btn-primary:disabled{opacity:.6;cursor:default}.btn-block{width:100%}.btn-ghost{background:var(--ivory);border-color:var(--blush-2);color:var(--ink)}.btn-ghost:hover{background:var(--blush)}.btn-sm{border-radius:10px;padding:7px 12px;font-size:13px}.btn-danger{color:var(--bad);background:0 0;border-color:#c0533f4d}.btn-danger:hover{background:#c0533f14}.shell{grid-template-columns:248px 1fr;height:100%;display:grid}.sidebar{background:linear-gradient(180deg, var(--ivory), var(--cream));border-right:1px solid var(--line);flex-direction:column;gap:6px;padding:22px 16px;display:flex}.brand{align-items:center;gap:11px;padding:4px 8px 18px;display:flex}.brand img{width:40px;height:40px;box-shadow:var(--shadow-sm);border-radius:12px}.brand-title{font-family:var(--serif);color:var(--rose-deep);letter-spacing:2px;font-size:22px}.brand-tag{color:var(--muted);letter-spacing:1px;font-size:11px}.nav-item{color:var(--ink);border-radius:12px;align-items:center;gap:12px;padding:11px 13px;font-size:14.5px;font-weight:500;transition:background .15s,color .15s;display:flex}.nav-item:hover{background:var(--blush)}.nav-item.active{background:linear-gradient(135deg, var(--rose-gold), var(--rose-deep));color:#fff;box-shadow:var(--shadow-sm)}.nav-item svg{width:20px;height:20px}.sidebar-spacer{flex:1}.main{flex-direction:column;display:flex;overflow:hidden}.topbar{border-bottom:1px solid var(--line);background:var(--ivory);justify-content:space-between;align-items:center;padding:16px 28px;display:flex}.topbar h2{color:var(--ink);font-size:21px}.topbar-right{align-items:center;gap:14px;display:flex}.user-chip{flex-direction:column;align-items:flex-end;line-height:1.2;display:flex}.user-chip .nm{font-size:14px;font-weight:600}.user-chip .rl{color:var(--muted);font-size:12px}.content{flex:1;padding:28px;overflow-y:auto}.lang{position:relative}.lang-btn{background:var(--ivory);border:1px solid var(--blush-2);border-radius:11px;align-items:center;gap:7px;padding:8px 11px;font-size:14px;display:flex}.lang-btn:hover{background:var(--blush)}.lang-flag{font-size:17px}.lang-menu{z-index:40;background:var(--ivory);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:13px;min-width:168px;padding:6px;position:absolute;top:calc(100% + 6px);right:0}.lang-opt{text-align:left;width:100%;color:var(--ink);background:0 0;border:0;border-radius:9px;align-items:center;gap:10px;padding:9px 11px;font-size:14px;display:flex}.lang-opt:hover{background:var(--blush)}.lang-opt.active{background:var(--blush-2);font-weight:600}.card{background:var(--ivory);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:22px}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:22px;display:flex}.page-head h1{color:var(--ink);font-size:26px}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.stats{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.stat{background:var(--ivory);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:18px 20px}.stat .v{font-family:var(--serif);color:var(--rose-deep);font-size:32px;line-height:1}.stat .l{color:var(--muted);text-transform:uppercase;letter-spacing:.6px;margin-top:8px;font-size:12.5px}.action-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.action{background:var(--blush);border:1px solid var(--blush-2);border-radius:var(--radius);color:var(--rose-deep);align-items:center;gap:13px;padding:18px 20px;font-weight:600;transition:transform .1s,box-shadow .15s;display:flex}.action:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.action svg{width:24px;height:24px}.table-wrap{overflow-x:auto}table.tbl{border-collapse:collapse;width:100%}.tbl th{text-align:left;text-transform:uppercase;letter-spacing:.6px;color:var(--muted);border-bottom:1px solid var(--line);padding:12px 14px;font-size:11.5px;font-weight:600}.tbl td{border-bottom:1px solid var(--line);vertical-align:middle;padding:14px;font-size:14.5px}.tbl tr:last-child td{border-bottom:0}.tbl tr:hover td{background:#f3e3df57}.cell-strong{font-weight:600}.cell-sub{color:var(--muted);font-size:13px}.badge{border-radius:999px;align-items:center;padding:4px 11px;font-size:12px;font-weight:600;display:inline-flex}.badge-type{background:var(--blush);color:var(--rose-deep)}.badge-pending{color:#9a7414;background:#fbf0d8}.badge-confirmed{color:#2f6b41;background:#dcefe0}.badge-completed{color:#41508a;background:#e4e7f5}.badge-cancelled{color:#a23a28;background:#f6dcd6}.badge-on{color:#2f6b41;background:#dcefe0}.badge-off{color:#9a8a8a;background:#f0e6e3}.modal-bg{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:60;background:#3c2e2e66;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:var(--ivory);border-radius:22px;width:min(520px,96vw);max-height:90vh;padding:26px;overflow-y:auto;box-shadow:0 30px 70px #3c2e2e57}.modal h3{color:var(--rose-deep);margin-bottom:18px;font-size:22px}.modal-actions{justify-content:flex-end;gap:12px;margin-top:22px;display:flex}.empty{text-align:center;color:var(--muted);padding:56px 20px}.empty svg{opacity:.5;width:46px;height:46px;margin-bottom:12px}.muted{color:var(--muted)}.spin{border:2px solid #ffffff80;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.switch{align-items:center;gap:9px;display:inline-flex}.switch input{appearance:none;background:var(--blush-2);cursor:pointer;border-radius:999px;width:40px;height:22px;transition:background .15s;position:relative}.switch input:checked{background:var(--rose-gold)}.switch input:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:left .15s;position:absolute;top:2px;left:2px}.switch input:checked:after{left:20px}.day-row{border-bottom:1px solid var(--line);align-items:center;gap:14px;padding:13px 0;display:flex}.day-row:last-child{border-bottom:0}.day-name{width:130px;font-weight:600}.day-times{align-items:center;gap:10px;margin-left:auto;display:flex}.day-times .select{padding:8px 10px}@media (width<=820px){.shell{grid-template-columns:1fr}.sidebar{display:none}.stats{grid-template-columns:repeat(2,1fr)}.action-grid{grid-template-columns:1fr}}