:root{color:#17201f;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#f3f2ee;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select{font:inherit}.landing{--mx:0;--my:0;isolation:isolate;background:#111a17;place-items:center;min-height:100svh;padding:24px;display:grid;position:relative;overflow:hidden}.landing:before{content:"";z-index:-4;filter:saturate(1.08)contrast(1.04);transform:translate3d(calc(var(--mx) * -18px), calc(var(--my) * -14px), 0) scale(1.07);will-change:transform;background:url(/assets/hero-background.png) 50%/cover no-repeat;animation:16s ease-in-out infinite alternate hero-breath;position:absolute;inset:-7%}.landing:after{content:"";z-index:-3;pointer-events:none;background:linear-gradient(90deg,#06100fb8 0%,#0a1e1d33 48%,#090e0f80 100%),radial-gradient(at 50% 48%,#ffe29e29,#0000 46%),linear-gradient(#0000001a,#00000075);position:absolute;inset:0}.landing-noise,.landing-sweep{pointer-events:none;position:absolute;inset:0}.landing-noise{z-index:-1;opacity:.16;mix-blend-mode:soft-light;background-image:repeating-linear-gradient(0deg,#ffffff24 0 1px,#0000 1px 4px),repeating-linear-gradient(90deg,#0000001f 0 1px,#0000 1px 5px)}.landing-sweep{z-index:-2;background:linear-gradient(115deg,#0000 8%,#ffd88d2e 38%,#0000 58%),linear-gradient(72deg,#0000 22%,#be616e29 48%,#0000 68%);animation:11s ease-in-out infinite light-sweep;transform:translate(-16%)skew(-8deg)}.landing-stage{z-index:1;place-items:center;width:min(560px,100%);min-height:280px;display:grid;position:relative}.landing-stage:before,.landing-stage:after{content:"";pointer-events:none;position:absolute}.landing-stage:before{background:linear-gradient(90deg,#0000,#f6d37db8,#0000);width:min(520px,88vw);height:1px;animation:3.2s ease-in-out infinite alternate line-glow;transform:translateY(-64px);box-shadow:0 0 34px #f6d37d61}.landing-stage:after{width:min(360px,70vw);height:min(360px,70vw);transform:rotate(calc(var(--mx) * 8deg));opacity:.75;border:1px solid #ffefc72e;border-radius:50%;animation:18s linear infinite ring-drift}.cta{z-index:2;color:#10201e;cursor:pointer;text-transform:lowercase;background:linear-gradient(135deg,#fff1c7 0%,#f5c560 42%,#d98c4a 100%);border:1px solid #fff7daa3;border-radius:8px;justify-content:center;align-items:center;gap:12px;min-width:min(300px,86vw);min-height:74px;padding:0 32px;transition:transform .18s,box-shadow .18s,filter .18s;animation:.76s cubic-bezier(.22,1,.36,1) both cta-in;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 28px 70px #0000006b,0 0 0 8px #f6d37d14,inset 0 1px #ffffffb8}.cta:before,.cta:after{content:"";pointer-events:none;position:absolute}.cta:before{background:linear-gradient(115deg,#0000 34%,#ffffffb8 48%,#0000 62%);animation:3.8s ease-in-out infinite button-sheen;inset:-40% -70%;transform:translate(-42%)}.cta:after{border:1px solid #ffffff47;border-radius:7px;inset:1px}.cta span{z-index:1;letter-spacing:0;font-size:32px;font-weight:800;line-height:1;position:relative}.cta svg{z-index:1;transition:transform .18s;position:relative}.cta:hover{filter:saturate(1.06);transform:translateY(-3px)scale(1.015);box-shadow:0 34px 82px #0000007a,0 0 0 10px #f6d37d1c,inset 0 1px #ffffffbd}.cta:hover svg{transform:translate(5px)}.cta:active{transform:translateY(1px)scale(.99)}@keyframes hero-breath{0%{filter:saturate(1.04)contrast(1.02)}to{filter:saturate(1.14)contrast(1.07)}}@keyframes light-sweep{0%,to{opacity:.22;transform:translate(-18%)skew(-8deg)}45%{opacity:.5;transform:translate(16%)skew(-8deg)}}@keyframes line-glow{0%{opacity:.45;transform:translateY(-64px)scaleX(.76)}to{opacity:.9;transform:translateY(-64px)scaleX(1)}}@keyframes ring-drift{to{rotate:360deg}}@keyframes cta-in{0%{opacity:0;transform:translateY(22px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes button-sheen{0%,26%{transform:translate(-48%)}56%,to{transform:translate(48%)}}.auth-page,.admin-page{min-height:100vh}.auth-page{background:linear-gradient(#f3f2eed1,#f3f2eee6),url(/assets/hero-background.png) 50%/cover no-repeat;place-items:center;padding:24px;display:grid}.auth-panel,.settings-band,.panel,.metric-card{background:#ffffffe6;border:1px solid #17201f1a;box-shadow:0 18px 46px #121c1c14}.auth-panel{border-radius:8px;gap:20px;width:min(430px,100%);padding:32px;display:grid}.eyebrow{color:#9a6446;letter-spacing:0;text-transform:uppercase;margin:0 0 6px;font-size:12px;font-weight:800}h1,h2,p{margin-top:0}h1{letter-spacing:0;margin-bottom:0;font-size:clamp(30px,5vw,44px);line-height:1}h2{letter-spacing:0;margin-bottom:18px;font-size:18px;line-height:1.2}label{color:#40504e;gap:8px;font-size:14px;font-weight:700;display:grid}input,select{color:#17201f;background:#fff;border:1px solid #17201f26;border-radius:8px;outline:none;width:100%;min-height:46px;padding:0 14px}input:focus,select:focus{border-color:#29766d;box-shadow:0 0 0 3px #29766d24}.primary-button,.icon-button{cursor:pointer;border:0;border-radius:8px}.primary-button{color:#fff;background:#29766d;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:0 18px;font-weight:800;display:inline-flex}.primary-button:hover{background:#205f58}.primary-button:disabled{cursor:not-allowed;opacity:.7}.primary-button.compact{white-space:nowrap;align-self:end}.form-error,.form-success{margin:0;font-size:14px;font-weight:700}.form-error{color:#b3261e}.form-success{color:#24705c}.admin-page{background:#f3f2ee;padding:28px}.admin-header,.settings-band,.toolbar,.metric-grid,.dashboard-grid{width:min(1180px,100%);margin:0 auto}.admin-header{justify-content:space-between;align-items:center;gap:18px;margin-bottom:24px;display:flex}.header-actions{gap:10px;display:flex}.icon-button{color:#17201f;background:#fff;border:1px solid #17201f1a;place-items:center;width:44px;height:44px;display:grid}.icon-button:hover{background:#efe7dc}.settings-band{border-radius:8px;margin-bottom:16px;padding:18px}.settings-form{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:14px;display:grid}.link-input{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;display:grid}.link-input svg{color:#9a6446}.toolbar{justify-content:flex-end;margin-bottom:16px;display:flex}.toolbar label{grid-template-columns:auto minmax(0,1fr);align-items:center;width:180px;display:grid}.toolbar svg{color:#29766d}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px;display:grid}.metric-card{border-radius:8px;gap:10px;min-height:132px;padding:18px;display:grid}.metric-card span{color:#5a6866;font-weight:700}.metric-card strong{font-size:34px;line-height:1}.metric-icon{color:#fff;background:#9a6446;border-radius:8px;place-items:center;width:42px;height:42px;display:grid}.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.panel{border-radius:8px;min-width:0;padding:20px}.day-chart{grid-template-columns:repeat(auto-fit,minmax(34px,1fr));align-items:end;gap:8px;min-height:192px;display:grid}.day-column{color:#65736f;justify-items:center;gap:8px;min-width:0;font-size:12px;font-weight:700;display:grid}.bar-wrap{background:#efe7dc;border-radius:8px;justify-content:center;align-items:end;width:100%;height:148px;display:flex;overflow:hidden}.bar{background:linear-gradient(#29766d,#9a6446);border-radius:8px 8px 0 0;width:100%;max-width:42px;display:block}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;vertical-align:top;border-bottom:1px solid #17201f17;padding:12px 10px}th{color:#65736f;text-transform:uppercase;letter-spacing:0;font-size:12px}td{overflow-wrap:anywhere;max-width:320px}.muted,.empty-state{color:#65736f}.empty-state{background:#fff;border-radius:8px;width:min(1180px,100%);margin:0 auto;padding:32px}@media (width<=820px){.admin-page{padding:20px}.admin-header,.settings-form{grid-template-columns:1fr}.admin-header{display:grid}.header-actions{justify-content:flex-start}.settings-form,.metric-grid,.dashboard-grid{grid-template-columns:1fr}.toolbar{justify-content:stretch}.toolbar label{width:100%}}@media (width<=640px){.landing{padding:18px}.landing:before{background-position:58%}.landing-stage{min-height:240px}.landing-stage:before{transform:translateY(-58px)}.cta span{font-size:28px}}@media (width<=480px){.auth-panel{padding:24px}.cta{min-width:min(270px,88vw);min-height:66px;padding:0 24px}.cta span{font-size:25px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}