/* Amber studio lighting; existing layout and table alignment are preserved. */
:root{--line:#303541;--line-soft:#252b36;--muted:#a0a9b8;--ease-out:cubic-bezier(.2,.75,.25,1)}
body{background:radial-gradient(ellipse at 85% 0, #ff612b0b, transparent 55%),var(--bg)}
.sidebar{background:linear-gradient(170deg,#171820,#0c1017 65%);box-shadow:8px 0 40px #0002}
.brand-mark{box-shadow:0 0 28px #ff5a2d30}
.topbar{background:linear-gradient(90deg,#11151af5,#15151bee);border-bottom-color:#ff895224}
.page-head h1,.auth-card h1{letter-spacing:-.045em}
.eyebrow{color:#ff976f;letter-spacing:.15em}
.card,.stat-card{background:linear-gradient(145deg,#191e28,#10151d 75%);border-color:#303746;box-shadow:0 10px 26px #0002,inset 0 1px #ffffff05;transition:border-color .22s,box-shadow .22s}
.feature-card h2{letter-spacing:-.025em;line-height:1.35}
.feature-card h2:after{content:'';display:block;width:32px;height:2px;margin-top:12px;background:linear-gradient(90deg,#ff8455,transparent);border-radius:2px}
.feature-row{border-bottom-color:#313846}
.feature-card .secondary-button{background:#1c2430;border-color:#3d4858;border-radius:11px}
.primary-button{background:linear-gradient(135deg,#ff8553,#ff562d);box-shadow:0 5px 20px #ff5a2d25,inset 0 1px #ffffff40;color:#130a06;font-weight:750}
button,a.secondary-button{transition:background .18s,border-color .18s,box-shadow .18s,transform .18s var(--ease-out)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #ffb08d;outline-offset:4px}
button:active:not(:disabled){transform:scale(.97)}
.nav-item{border:1px solid transparent;border-radius:11px}
.nav-item.active{background:linear-gradient(100deg,#ff642d27,#ff642d08);border-color:#ff835040;box-shadow:inset 3px 0 #ff8955,0 0 18px #ff5a2d08;color:#ffb293}
.calendar-day.today{background:#ff895207}.calendar-day.today .day-number{box-shadow:0 0 18px #ff5a2d50}
.calendar-project{background:linear-gradient(120deg,#ff5a2d23,#ff5a2d0c);border-radius:8px}
.status i,.save-state i{box-shadow:0 0 10px currentColor}
.auth-gate{background:radial-gradient(ellipse at 50% 15%,#ff5a2d1a,transparent 60%),radial-gradient(ellipse at 0 80%,#536dff0d,transparent 45%),#080b10}
.auth-card{border-color:#ff976f30;box-shadow:0 35px 100px #0008,0 0 70px #ff5a2d0a;background:linear-gradient(155deg,#20212b,#11161e 65%)}
.modal,.feature-dialog{border:1px solid #ff976f35;background:linear-gradient(145deg,#202530,#11161e);box-shadow:0 30px 90px #0009}
.feature-dialog::backdrop{background:#060810c9;backdrop-filter:blur(5px)}
.toast{border:1px solid #526859;box-shadow:0 12px 40px #0008}
.atmosphere-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:10px 14px;border:1px solid #41434f;border-radius:12px;background:#1c202a;color:#eacdbd;cursor:pointer;font-size:13px}
.atmosphere-button svg{width:17px;height:17px}.sidebar>.atmosphere-button{width:100%;margin:12px 0 0;flex-shrink:0}.auth-card>.atmosphere-button{width:100%;margin-top:12px}
.atmosphere-panel{width:min(440px,calc(100% - 28px))}.atmosphere-panel p{color:#b0b8c6;line-height:1.6}.atmosphere-option{display:flex!important;align-items:center;justify-content:space-between;gap:20px!important;padding:16px 0;border-bottom:1px solid #343b48}.atmosphere-option input[type=checkbox]{width:22px;height:22px;min-height:22px;accent-color:#ff8955;flex-shrink:0}.atmosphere-option small{display:block;font-size:12px;color:#a0a9b8;margin-top:5px}.atmosphere-panel input[type=range]{accent-color:#ff8955;padding:0}.atmosphere-panel output{font-variant-numeric:tabular-nums}
@media(hover:hover){button:hover:not(:disabled){border-color:#ff996580}.primary-button:hover:not(:disabled){box-shadow:0 7px 28px #ff5a2d40;transform:translateY(-1px)}.card:hover{border-color:#586070;box-shadow:0 12px 30px #0003,inset 0 1px #ffffff08}.calendar-project:hover{box-shadow:0 0 15px #ff5a2d20}.nav-item:hover{background-color:#ffffff06}}
@keyframes pult-arrive{from{opacity:.2;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@keyframes pult-dialog{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(prefers-reduced-motion:no-preference){html:not([data-motion=off]) .view.active{animation:pult-arrive .32s var(--ease-out)}html:not([data-motion=off]) .feature-dialog[open],html:not([data-motion=off]) .modal-backdrop:not([hidden]) .modal{animation:pult-dialog .24s var(--ease-out)}html:not([data-motion=off]) .auth-card{animation:pult-arrive .55s var(--ease-out)}}
html[data-motion=off] *,html[data-motion=off] *:before,html[data-motion=off] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}html[data-motion=off] button{transform:none!important}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}button{transform:none!important}}
@media(max-width:600px){.feature-card h2{font-size:19px}.atmosphere-panel{padding:20px}.primary-button{box-shadow:0 4px 14px #ff5a2d20}}

.feature-dialog .primary-button{width:auto;min-width:110px;height:auto;min-height:44px;padding:12px 18px;justify-content:center}.save-state i{box-shadow:0 0 10px #38d98a55}.atmosphere-panel .feature-actions{justify-content:space-between}