html,body,#root{height:100%;margin:0}body{background:radial-gradient(circle at 30% 30%,#3a3a3a,#111);background-size:cover;background-position:center;font-family:Arial,sans-serif}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:block;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{color-scheme:dark;background-color:transparent}body{background:radial-gradient(900px 600px at 15% 25%,rgba(255,255,255,.07),transparent 60%),radial-gradient(800px 500px at 75% 70%,rgba(255,255,255,.05),transparent 60%),linear-gradient(135deg,#070707,#0d0d0d);background-attachment:fixed;color:#ffffffeb}#root{background:transparent}select{border:1px solid rgba(255,255,255,.1);background:#00000059;color:#ffffffeb;border-radius:12px;padding:8px 10px;outline:none}select:focus{border-color:#f6c90e8c;box-shadow:0 0 0 3px #f6c90e1f}option{background:#0d0d0d;color:#ffffffeb}html,body,#root{height:100%}body{display:block!important;place-items:initial!important;min-height:100%!important;overflow:auto}:root{--yellow: #f5c400;--bg-black: #000;--bg-card: #111;--border: rgba(255, 255, 255, .1)}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-black);color:#fff;font-family:Inter,sans-serif;overflow-x:hidden}.ls-root{min-height:100vh;display:flex;justify-content:center;align-items:center;padding:20px}.ls-inner{display:grid;grid-template-columns:1fr 420px;gap:60px;max-width:1250px;width:100%;align-items:center}.ls-collage{position:relative;width:100%;height:650px}.photo{position:absolute;border-radius:20px;overflow:hidden;border:1px solid var(--border);box-shadow:0 15px 50px #000c;background:#111}.photo img{width:100%;height:100%;object-fit:cover;filter:grayscale(100%) contrast(1.1);display:block}.p1{left:0%;top:2%;width:44%;height:22%;transform:rotate(-3deg);z-index:2}.p2{left:48%;top:2%;width:44%;height:22%;transform:rotate(3deg);z-index:2}.p3{left:2%;top:28%;width:44%;height:20%;transform:rotate(2deg)}.p4{left:48%;top:28%;width:44%;height:20%;transform:rotate(-2deg)}.p5{left:4%;top:52%;width:58%;height:44%;transform:rotate(-1.5deg);z-index:5}.p6{left:66%;top:52%;width:28%;height:16%;transform:rotate(2deg)}.p7{left:66%;top:71%;width:28%;height:11%;transform:rotate(-2deg)}.p8{left:66%;top:85%;width:28%;height:9%;transform:rotate(1deg)}.tag{position:absolute;padding:6px 12px;background:var(--yellow);color:#000;font-weight:900;font-size:10px;border-radius:999px;z-index:20;text-transform:uppercase}.t1{top:18%;left:3%}.t2{top:18%;left:75%}.t3{bottom:8%;left:6%;z-index:21}.ls-card{background:#141414fa;padding:45px;border-radius:24px;border:1px solid var(--border);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.ls-title{color:var(--yellow);font-size:48px;font-weight:900;margin-bottom:10px}.ls-input{width:100%;height:52px;background:#000;border:1px solid #333;border-radius:12px;color:#fff;padding:0 15px;margin-bottom:15px;outline:none}.ls-btn{height:52px;border-radius:12px;border:none;font-weight:800;cursor:pointer;width:100%;margin-bottom:10px;transition:.2s}.ls-btn.primary{background:var(--yellow);color:#000}.ls-btn.ghost{background:transparent;color:#fff;border:1px solid #333}.navbar{background:#000;padding:1rem 0;border-bottom:1px solid #222;position:fixed;top:0;width:100%;z-index:1000}.nav-container{display:flex;justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;padding:0 25px}.nav-logo{font-size:1.8rem;font-weight:900;color:var(--yellow);letter-spacing:1.5px;text-decoration:none;cursor:pointer}.nav-links{display:flex;gap:20px;list-style:none;align-items:center}.nav-item{background:none;border:none;color:#888;cursor:pointer;text-transform:uppercase;font-size:.8rem;font-weight:700;transition:.3s;padding:8px 12px;border-radius:8px}.nav-item:hover{color:#fff}.nav-item.active{color:var(--yellow);border:1px solid var(--yellow)}.nav-logout-btn{border:1px solid var(--yellow);color:var(--yellow)!important;background:transparent;padding:6px 12px;border-radius:6px;font-weight:700;cursor:pointer}.main-container{width:100%;max-width:1400px;margin:0 auto;padding:120px 20px 40px}.cal-container{background:#0a0a0a;border-radius:16px;border:1px solid #222;overflow:hidden;box-shadow:0 20px 60px #0009}.cal-wrapper{overflow-x:auto}.cal-table{width:100%;border-collapse:collapse;table-layout:fixed;min-width:900px}.cal-table th{padding:15px;color:var(--yellow);background:#000;border:1px solid #1a1a1a;font-weight:900;text-transform:uppercase}.cal-table td{border:1px solid #1a1a1a;height:45px;text-align:center;vertical-align:middle}.time-header,.time-cell{background:#000!important;color:var(--yellow);width:80px;font-weight:900;border-right:2px solid #222!important;position:sticky;left:0;z-index:10}.slot-cell{cursor:pointer;transition:.2s;font-size:10px;font-weight:800}.slot-cell:hover{filter:brightness(1.3)}.slot-cell.open{color:#00ff64;background:#00ff640d}.slot-cell.reserved{background:#f5c40033;color:#fff;animation:pulse 1.5s infinite}.slot-cell.busy{background:#ff32321a;color:#ff3232}.slot-cell.blocked{color:#444}.admin-shell{width:100%}.admin-user-card{background:#111;padding:25px;border-radius:18px;margin-bottom:15px;display:flex;justify-content:space-between;align-items:center;border:1px solid #222}.yellow-title{color:var(--yellow);font-weight:900;font-size:2rem;text-transform:uppercase;margin-bottom:30px}@keyframes pulse{0%{opacity:1}50%{opacity:.6}to{opacity:1}}@media(max-width:980px){.ls-inner{grid-template-columns:1fr}.ls-collage{height:400px;transform:scale(.8)}.nav-links{display:none}}