:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f7f3e8;background:#090909;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at top left,rgba(203,157,45,.14),transparent 32rem),#090909}button,input{font:inherit}button{cursor:pointer}.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr)}.brand-panel{padding:6rem;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(135deg,rgba(255,204,82,.1),transparent)}.brand-mark{width:84px;height:84px;display:grid;place-items:center;border:2px solid #d6a932;border-radius:24px;color:#e7bc4a;font-size:2.6rem;font-weight:900;box-shadow:0 0 40px #d6a9322e}.brand-mark.small{width:45px;height:45px;border-radius:14px;font-size:1.4rem}.eyebrow{margin:2rem 0 .5rem;color:#d6a932;font-size:.78rem;font-weight:900;letter-spacing:.18em}.brand-panel h1,.hero-card h1{margin:0;font-size:clamp(3.5rem,8vw,7rem);line-height:.95}.brand-copy{max-width:680px;margin:1.5rem 0 2rem;color:#b8b3a5;line-height:1.8}.rule-card{max-width:520px;margin-top:1rem;padding:1.2rem 1.4rem;border:1px solid #2c291f;border-radius:18px;background:#121212d1}.rule-card strong,.rule-card span{display:block}.rule-card strong{color:#e7bc4a}.rule-card span{margin-top:.4rem;color:#8f8a7e;font-size:.82rem}.auth-card{display:grid;align-content:center;padding:3rem 6vw;border-left:1px solid #24211a;background:#0c0c0ced}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;margin-bottom:2rem;border:1px solid #28251e;border-radius:14px;overflow:hidden}.auth-tabs button{padding:1rem;border:0;color:#888276;background:#111;font-weight:900}.auth-tabs button.active{color:#101010;background:#d6a932}.auth-form{display:grid;gap:1.1rem}.auth-form h2{margin:0 0 1rem}.auth-form label{display:grid;gap:.5rem;color:#aaa497;font-size:.77rem;font-weight:900;letter-spacing:.08em}.auth-form input{width:100%;padding:1rem 1.1rem;border:1px solid #302c23;border-radius:12px;outline:none;color:#f7f3e8;background:#101010}.auth-form input:focus{border-color:#d6a932;box-shadow:0 0 0 3px #d6a9321f}.primary-button,.gold-button,.ghost-button{border:0;border-radius:12px;font-weight:900}.primary-button,.gold-button{padding:1rem 1.3rem;color:#111;background:#d6a932}.primary-button:disabled,.gold-button:disabled{cursor:wait;opacity:.55}.ghost-button{padding:.75rem 1rem;color:#ddd7c8;background:#1a1916}.feedback{padding:.9rem 1rem;border-radius:10px;font-size:.82rem;font-weight:900}.feedback.error{color:#ffb1a9;background:#7b181347;border:1px solid rgba(255,97,82,.25)}.feedback.success{color:#c8f7c6;background:#18612540;border:1px solid rgba(68,190,87,.25)}.feedback.sticky{margin-bottom:1rem}.app-shell{min-height:100vh}.topbar{min-height:76px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #24211a;background:#080808f0;position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.logo-area{display:flex;align-items:center;gap:.9rem}.logo-area strong,.logo-area span{display:block}.logo-area span{margin-top:.18rem;color:#817b6f;font-size:.68rem;font-weight:800}.topbar nav{display:flex;align-items:center;gap:.4rem}.topbar nav button{padding:.75rem .95rem;border:0;border-radius:10px;color:#858075;background:transparent;font-size:.78rem;font-weight:900}.topbar nav button.active{color:#e8bc4a;background:#d6a93214}.content{width:min(1440px,92vw);margin:0 auto;padding:2.2rem 0 5rem}.hero-card{display:flex;justify-content:space-between;align-items:center;gap:2rem;padding:2rem;border:1px solid #2b281f;border-radius:24px;background:linear-gradient(120deg,#d6a93224,#0f0f0ff0)}.hero-card h1{font-size:clamp(2.3rem,5vw,4.5rem)}.hero-card p{color:#918b7e}.online-badge{padding:.8rem 1rem;display:flex;align-items:center;gap:.6rem;border:1px solid #284f30;border-radius:999px;color:#bdf4c2;background:#18572338;font-size:.78rem;font-weight:900}.online-dot{width:9px;height:9px;border-radius:50%;background:#42d563;box-shadow:0 0 18px #42d563b3}.stats-grid{margin-top:1.2rem;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.stat-card{min-height:165px;padding:1.4rem;display:flex;flex-direction:column;justify-content:space-between;border:1px solid #27241d;border-radius:18px;background:#111}.stat-card span{color:#8e887c;font-size:.72rem;font-weight:900;letter-spacing:.08em}.stat-card strong{font-size:1.5rem}.progress{height:8px;overflow:hidden;border-radius:999px;background:#24221c}.progress div{height:100%;border-radius:inherit;background:#d6a932;transition:width .3s ease}.section-block{margin-top:1.3rem;padding:1.5rem;border:1px solid #27241d;border-radius:22px;background:#101010}.section-heading{margin-bottom:1.4rem;display:flex;justify-content:space-between;align-items:flex-end;gap:1rem}.section-heading h2{margin:0}.section-heading .eyebrow{margin-top:0}.section-heading>span,.section-heading>strong{color:#d6a932}.channel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.channel-card{overflow:hidden;border:1px solid #29261e;border-radius:16px;background:#161616}.channel-preview{min-height:180px;position:relative;display:grid;place-items:center;background:linear-gradient(145deg,#232018,#0d0d0d)}.channel-preview img{width:100%;height:180px;object-fit:cover}.channel-placeholder{width:82px;height:82px;display:grid;place-items:center;border-radius:50%;color:#16130a;background:#d6a932;font-size:2rem;font-weight:900}.live-badge{position:absolute;top:.8rem;left:.8rem;padding:.45rem .65rem;border-radius:8px;color:#fff;background:#d92929;font-size:.67rem;font-weight:900}.channel-details{padding:1rem}.channel-details h3,.channel-details p{margin:0}.channel-details p,.channel-details span{color:#898378}.channel-details span{display:block;margin-top:.8rem;font-size:.76rem}.channel-details a{margin-top:1rem;padding:.75rem;display:block;border-radius:10px;text-align:center;text-decoration:none;color:#111;background:#d6a932;font-size:.78rem;font-weight:900}.empty-state{padding:3rem 1rem;text-align:center;color:#777166;border:1px dashed #353127;border-radius:14px}.empty-state strong{display:block;color:#d0c9ba}.transaction-list{display:grid}.transaction-item{padding:1rem 0;display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid #27241d}.transaction-item:last-child{border-bottom:0}.transaction-item strong,.transaction-item span{display:block}.transaction-item span{margin-top:.35rem;color:#777166;font-size:.74rem}.amount{font-size:1.15rem;font-weight:900}.amount.positive{color:#65dd7f}.amount.negative{color:#ff786c}.profile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.profile-grid article{min-height:120px;padding:1.2rem;display:flex;flex-direction:column;justify-content:space-between;border:1px solid #29261e;border-radius:14px;background:#151515}.profile-grid span{color:#827c71;font-size:.72rem;font-weight:900}@media(max-width:1050px){.auth-shell{grid-template-columns:1fr}.brand-panel{padding:4rem 7vw}.auth-card{border-top:1px solid #24211a;border-left:0}.stats-grid,.channel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.topbar{padding:.8rem 4vw;flex-wrap:wrap;gap:.8rem}.topbar nav{width:100%;order:3;overflow-x:auto}.content{width:min(94vw,1440px)}.hero-card,.section-heading{align-items:flex-start;flex-direction:column}.stats-grid,.channel-grid,.profile-grid{grid-template-columns:1fr}.brand-panel,.auth-card{padding:3rem 6vw}}.reservation-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-bottom:1.5rem}.reservation-summary article{padding:1.2rem;display:grid;gap:.5rem;border:1px solid #29261e;border-radius:14px;background:#151515}.reservation-summary span,.date-selector{color:#827c71;font-size:.74rem;font-weight:900;letter-spacing:.06em}.date-selector{display:grid;gap:.6rem;max-width:320px;margin-bottom:1.5rem}.date-selector input{width:100%;padding:.9rem;border:1px solid #302c23;border-radius:12px;color:#f7f3e8;background:#101010}.screen-calendar{overflow-x:auto;border:1px solid #29261e;border-radius:14px}.calendar-header,.calendar-row{min-width:900px;display:grid;grid-template-columns:100px repeat(6,1fr);align-items:center}.calendar-header{color:#d6a932;background:#17150f;font-size:.72rem;font-weight:900}.calendar-header span,.calendar-row>strong{padding:.85rem;text-align:center}.calendar-row{border-top:1px solid #29261e}.calendar-row>strong{color:#aaa497;font-size:.76rem}.slot-button{min-height:48px;margin:.35rem;border:1px solid #315438;border-radius:9px;color:#bdf4c2;background:#18572338;font-size:.67rem;font-weight:900}.slot-button:hover:not(:disabled){border-color:#d6a932;color:#e7bc4a;background:#d6a9321f}.slot-button.selected{border-color:#d6a932;color:#111;background:#d6a932}.slot-button.occupied{border-color:#63312d;color:#ffaca4;background:#721d1740}.slot-button.past{border-color:#292929;color:#666;background:#151515}.slot-button:disabled{cursor:not-allowed}.reservation-confirm{margin-top:1.3rem;padding:1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;border:1px solid #29261e;border-radius:14px;background:#151515}.reservation-confirm span,.reservation-confirm strong{display:block}.reservation-confirm span{margin-bottom:.35rem;color:#827c71;font-size:.7rem;font-weight:900}.reservation-list{display:grid;gap:.75rem}.reservation-item{padding:1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;border:1px solid #29261e;border-radius:12px;background:#151515}.reservation-item strong,.reservation-item span{display:block}.reservation-item>div>span{margin-top:.4rem;color:#827c71;font-size:.76rem}.reservation-status{padding:.5rem .7rem;border-radius:999px;font-size:.68rem;font-weight:900}.reservation-status.pending{color:#e7bc4a;background:#d6a9321f}.reservation-status.active{color:#bdf4c2;background:#18572347}.reservation-status.completed,.reservation-status.cancelled{color:#aaa;background:#252525}@media(max-width:720px){.reservation-summary{grid-template-columns:1fr}.reservation-confirm{align-items:stretch;flex-direction:column}.reservation-confirm button{width:100%}}