:root{font-family:Inter,system-ui,Arial,sans-serif;color:#f3f0ed;background:#0d0e15;font-size:14px}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 80% 75%,#333744 0%,#1c1f2a 42%,#0b0c12 90%) fixed}header{height:80px;background:#20212aee;border-bottom:1px solid #414350;display:flex;justify-content:space-between;align-items:center;padding:9px clamp(14px,3vw,42px);gap:10px}.brand{display:flex;align-items:center;gap:13px}.brand img{width:56px;height:56px;object-fit:contain}.brand strong{font-size:19px}.brand small{display:block;color:#a2a4af;margin-top:4px}main{max-width:1200px;margin:0 auto;padding:22px 15px 100px}nav{position:fixed;bottom:12px;left:50%;transform:translateX(-50%);background:#343742;border:1px solid #686b76;border-radius:30px;display:flex;gap:2px;max-width:calc(100vw - 12px);overflow-x:auto;padding:6px;z-index:5;box-shadow:0 12px 32px #0009}nav[hidden]{display:none}nav button{white-space:nowrap;background:none;padding:10px 14px;color:#eee;border:0;border-radius:22px;cursor:pointer}nav button.active,button.primary{background:#d88458;color:#fff}h1{font-size:25px;margin:0 0 6px}h2{font-size:16px;margin:0 0 14px}h3{font-size:15px}.muted,small{color:#a5a8b3}.subtitle{color:#a5a8b3;margin-bottom:22px}.top{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:18px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.panel,.metric{background:#282b36eF;border:1px solid #454955;border-radius:14px;padding:18px;margin-bottom:12px;min-width:0}.metric small{display:block}.metric strong{display:block;font-size:24px;margin-top:8px}.green{color:#34d7a2}.orange{color:#f6a51e}.purple{color:#b995ff}.red{color:#ff697f}button{font:inherit;background:#3a3d4a;color:#fff;border:1px solid #5e626e;border-radius:10px;padding:10px 14px;cursor:pointer}button:hover{filter:brightness(1.13)}button:disabled{opacity:.45;cursor:not-allowed}.ghost{background:transparent}.danger{color:#ff91a2;border-color:#975764}.sm{font-size:12px;padding:7px 10px}.row{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.between{justify-content:space-between}.stack{display:flex;flex-direction:column;gap:10px}.item{padding:12px;background:#1d202a;border:1px solid #454754;border-radius:11px;margin:9px 0}.item .title{font-weight:700;font-size:15px}.tag{display:inline-flex;align-items:center;border:1px solid #686b76;border-radius:30px;font-size:11px;padding:4px 8px}.tag.ok{color:#30d7a0;border-color:#3c866a}.tag.warn{color:#ffba39;border-color:#936e2e}.tag.red{color:#ff8692;border-color:#944d5c}input,select,textarea{width:100%;background:#151721;color:#f5f5f5;border:1px solid #606370;border-radius:9px;padding:11px;font:inherit}textarea{min-height:90px;resize:vertical}label{display:block;color:#c1c2cc;font-size:12px;font-weight:600;margin:0 0 5px}.formgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.field{margin:0 0 10px}.wide{grid-column:1/-1}.empty{text-align:center;color:#a5a8b3;padding:36px}.login{max-width:420px;margin:7vh auto}.login img{width:115px;display:block;margin:0 auto 18px}dialog{background:#282b35;color:#eee;border:1px solid #60616d;border-radius:18px;width:min(780px,95vw);max-height:90vh;padding:23px}dialog::backdrop{background:#000b}dialog form{margin:0}.teeth{display:flex;justify-content:center;flex-wrap:wrap;gap:3px;padding:12px 2px}.tooth{width:38px;height:54px;border:1px solid #767986;background:#e9e7e2;color:#272931;border-radius:42% 42% 35% 35%;padding:2px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:11px;position:relative}.tooth.selected{background:#dd8c62;color:#fff;border:2px solid #ffd3ab}.tooth small{color:inherit;font-size:9px}.arch-label{text-align:center;font-size:12px;color:#a4a5ae}.teethline{border-top:1px dashed #656772;margin:8px 0}.gallery{display:flex;flex-wrap:wrap;gap:10px}.gallery .photo{width:135px;min-height:120px;background:#191b23;border:1px solid #494b56;border-radius:10px;overflow:hidden}.gallery img{width:100%;height:100px;object-fit:cover}.gallery small{display:block;padding:5px;word-break:break-word}.center{text-align:center}.daybuttons{display:flex;gap:8px;overflow-x:auto;margin:14px 0}.daybuttons button{white-space:nowrap}.calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.calendar button{padding:9px 3px;font-size:12px}.calendar button.active{background:#d88458}.calhead{text-align:center;font-size:11px;color:#a4a6b0;padding:5px}.notice{border-left:4px solid #d88b5f;padding:13px;background:#32313a;border-radius:8px}.progress{height:10px;background:#191b23;border-radius:8px;overflow:hidden}.progress>div{height:100%;background:#35ca9e}#toast{position:fixed;top:85px;right:18px;max-width:360px;background:#1f5d50;color:white;border-radius:12px;padding:12px 17px;display:none;z-index:11}#toast.error{background:#873e4a}@media(max-width:680px){.grid3,.grid{grid-template-columns:1fr 1fr}.formgrid{grid-template-columns:1fr}.metric{padding:14px}.metric strong{font-size:18px}.teeth{gap:1px}.tooth{width:31px;height:45px;font-size:10px}nav button{padding:8px 10px;font-size:11px}.panel{padding:13px}}@media(max-width:430px){.grid3{grid-template-columns:1fr 1fr}.grid{gap:8px}.tooth{width:28px;height:43px}}

.client-search{max-width:480px;margin:20px 0 24px}.client-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:22px}.client-card{display:flex;flex-direction:column;padding:0;overflow:hidden;text-align:left;border-radius:18px;background:#242833;border:1px solid #484d5c;box-shadow:0 10px 28px #0002;transition:transform .18s,border-color .18s}.client-card:hover{transform:translateY(-4px);border-color:#d88458;filter:none}.client-card:focus-visible{outline:3px solid #e6a17b;outline-offset:4px}.client-logo{height:200px;width:100%;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at top,#3b4050,#171a24);position:relative;overflow:hidden}.client-initials{font-size:50px;font-weight:700;color:#d6a487;letter-spacing:3px}.client-logo img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:24px;background:#191c26}.client-logo img[hidden]{display:none}.client-logo.has-logo .client-initials{visibility:hidden}.client-card-body{display:flex;flex-direction:column;width:100%;padding:22px;gap:12px}.client-card-name{font-size:21px;font-weight:700;overflow-wrap:anywhere}.client-card-contact{color:#a8adbb;font-size:13px;min-height:18px;overflow-wrap:anywhere}.client-card-tags{display:flex;flex-wrap:wrap;gap:7px}.client-card-footer{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #414654;padding-top:16px;margin-top:6px;font-size:12px;color:#b4bac8}.client-card-footer>span:last-child{color:#e7a07b;font-weight:600}.client-grid>.empty{grid-column:1/-1}.client-logo-field{display:grid;grid-template-columns:140px 1fr;gap:20px;align-items:center;margin-bottom:25px}.logo-preview{width:140px;height:140px;border-radius:15px;border:1px solid #555b6a}.logo-preview img{padding:12px}.client-logo-field small{display:block;margin-top:9px}.client-logo-field input{font-size:12px} @media(min-width:1000px){.client-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:580px){.client-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.client-logo{height:155px}.client-logo img{padding:15px}.client-card-body{padding:15px;gap:10px}.client-card-name{font-size:18px}.client-card-footer{flex-direction:column}.client-logo-field{grid-template-columns:1fr}.logo-preview{width:120px;height:120px}}@media(max-width:360px){.client-grid{grid-template-columns:1fr}}

.billing-dialog h2{font-size:21px;margin-bottom:6px}.billing-dialog .top p{margin:0}.billing-select-all{display:flex;align-items:center;gap:10px;padding:12px 0;font-size:14px}.billing-dialog input[type=checkbox]{appearance:auto;width:19px;height:19px;flex-shrink:0;accent-color:#d88458;padding:0}.billing-list{max-height:330px;overflow:auto;margin-bottom:18px}.billing-row{display:flex;align-items:center;gap:14px;padding:17px 14px;border:1px solid #515665;border-radius:12px;background:#1d202a;margin:8px 0;cursor:pointer}.billing-row>span{flex:1;min-width:0}.billing-row>span>strong{display:block;font-size:15px;overflow-wrap:anywhere}.billing-row small{display:block;margin-top:7px;font-weight:400}.billing-row>strong{color:#e8a583;white-space:nowrap}.billing-total{display:flex;justify-content:space-between;gap:12px;align-items:center;border-top:1px solid #515665;padding:18px 0}.billing-total>strong{font-size:25px;color:#e8a583}.billing-date{max-width:250px;margin-top:16px}.billing-actions{justify-content:flex-end;margin-top:20px}.billing-dialog textarea{min-height:150px}@media(max-width:520px){.billing-row{gap:9px;padding:13px 10px}.billing-row>strong{font-size:12px}.billing-row small{font-size:11px}.billing-total>strong{font-size:21px}.billing-actions>button{width:100%}}

.charge-slip{background:#282b36;border:1px solid #484d5c;border-radius:24px;padding:38px 34px 32px;margin:14px 0 20px;color:#f3f0ed}.charge-slip-brand{display:flex;flex-direction:column;align-items:center;text-align:center;border-bottom:1px solid #484d5c;padding-bottom:28px;gap:12px}.charge-slip-brand img{width:108px;height:108px;object-fit:contain;border-radius:21px}.charge-slip-brand>strong{font-size:29px;color:#d88458;margin-top:5px;letter-spacing:-.6px}.charge-slip-brand>span{font-size:20px;color:#a5a8b3}.charge-slip-client{display:flex;flex-direction:column;text-align:center;gap:10px;padding:28px 0 34px}.charge-slip-client>span{font-size:14px;color:#a5a8b3;letter-spacing:1.3px}.charge-slip-client>strong{font-size:26px;overflow-wrap:anywhere}.charge-slip-items{padding:0 0 19px}.charge-slip-row{display:flex;justify-content:space-between;gap:22px;align-items:baseline;padding:12px 0;font-size:20px;line-height:1.4}.charge-slip-row>span{min-width:0;overflow-wrap:anywhere}.charge-slip-row>strong{white-space:nowrap;font-weight:600}.charge-slip-subtotal,.charge-slip-total{display:flex;justify-content:space-between;gap:16px;align-items:center;border-top:1px solid #484d5c;padding:22px 0;font-size:19px}.charge-slip-subtotal>span:first-child,.charge-slip-total>span{color:#a5a8b3}.charge-slip-total{padding-bottom:0}.charge-slip-total>strong{font-size:33px;color:#d88458;white-space:nowrap}.billing-text-details{margin:10px 0 22px}.billing-text-details summary{cursor:pointer;color:#a5a8b3;margin-bottom:12px}.billing-actions{position:sticky;bottom:-23px;background:#282b35;padding:14px 0;border-top:1px solid #484d5c;z-index:1}@media(max-width:520px){.charge-slip{padding:26px 20px;border-radius:18px}.charge-slip-brand img{width:88px;height:88px}.charge-slip-brand>strong{font-size:24px}.charge-slip-client>strong{font-size:22px}.charge-slip-row{font-size:16px;gap:12px}.charge-slip-total>strong{font-size:27px}.billing-actions{bottom:-23px}}

.job-expand-list{display:grid;gap:10px}
.job-expand{background:#1d202a;border:1px solid #454754;border-radius:12px;overflow:hidden}
.job-expand summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:15px}
.job-expand summary::-webkit-details-marker{display:none}
.job-expand summary>span:first-child{min-width:0;display:flex;flex-direction:column;gap:6px}
.job-expand summary strong{font-size:16px;overflow-wrap:anywhere}
.job-expand summary small{display:block}
.job-expand[open] summary{border-bottom:1px solid #454754;background:#232631}
.job-expand-icon{font-size:20px;color:#d88458;transition:transform .18s;flex-shrink:0}
.job-expand[open] .job-expand-icon{transform:rotate(180deg)}
.job-tags{display:flex;gap:6px;flex-wrap:wrap}
.job-expand-body{padding:15px}
.job-expand-body p{margin:0 0 15px;white-space:pre-wrap;overflow-wrap:anywhere;color:#d3d5dc}
.job-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:15px}
.job-detail-grid>span{background:#282b36;border:1px solid #454955;border-radius:9px;padding:10px;min-width:0}
.job-detail-grid small,.job-detail-grid strong{display:block}
.job-detail-grid strong{font-size:12px;margin-top:4px;overflow-wrap:anywhere}
.job-start-options h2{margin-bottom:14px}
@media(max-width:520px){.job-expand summary{padding:13px 12px}.job-detail-grid{grid-template-columns:1fr}.job-expand-body{padding:12px}}

.cyan{color:#45c7ee}.finance-status .metric small:last-child{margin-top:8px;font-size:12px}
.photo-dropzone{margin-top:12px;border:1.5px dashed #74798a;border-radius:11px;padding:18px;text-align:center;outline:none;transition:.16s background,.16s border-color}.photo-dropzone:focus,.photo-dropzone.dragging{border-color:#d88458;background:#352b27}.photo-dropzone strong,.photo-dropzone small{display:block}.photo-dropzone strong{margin-bottom:6px}.new-photo-list{display:flex;flex-wrap:wrap;gap:7px;justify-content:center;margin-top:12px}.photo-file{display:flex;align-items:center;gap:7px;background:#1b1e27;border:1px solid #484d5c;border-radius:20px;padding:5px 7px 5px 10px;max-width:100%;font-size:12px}.photo-file>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.remove-new-photo{border:0;background:transparent;padding:0 3px;color:#ff91a2;font-size:14px}.photo-dropzone+.new-photo-list{margin-top:10px}

/* Refined glass surface */
body{background:radial-gradient(ellipse at 12% 8%,#4a536b66 0%,transparent 37%),radial-gradient(ellipse at 88% 82%,#8e5b4760 0%,transparent 34%),linear-gradient(135deg,#10131d,#171b29 52%,#10111a) fixed}.panel,.metric,.item,dialog{background:linear-gradient(135deg,#303746cc,#202530b8);border-color:#808ba14f;box-shadow:inset 0 1px #ffffff17,0 14px 34px #02040b40}.panel,.metric{backdrop-filter:blur(16px) saturate(120%)}header{background:#222937bb;backdrop-filter:blur(18px) saturate(125%)}nav{background:#313a4ad9;backdrop-filter:blur(18px) saturate(130%);border-color:#aeb9ca4d;box-shadow:inset 0 1px #ffffff1e,0 16px 38px #0009}.client-logo{border-radius:22px 22px 0 0;background:linear-gradient(145deg,#4a5367aa,#1a1d28)}.client-logo img{border-radius:20px}.client-logo.logo-preview{border-radius:22px}.client-card{border-color:#8692aa5c;background:#29303dcc;box-shadow:inset 0 1px #ffffff1c,0 15px 35px #0006}.client-card:hover{border-color:#efb190;box-shadow:inset 0 1px #ffffff35,0 18px 42px #0009}.job-expand{background:#222936c7;border-color:#7a849850;box-shadow:inset 0 1px #ffffff12}.job-expand[open] summary{background:#3b445333}.glass-chart-panel{display:flex;align-items:center;gap:26px;background:linear-gradient(135deg,#373f4ebf,#202630bc);border:1px solid #8e9aae55;border-radius:18px;padding:22px;margin-bottom:12px;box-shadow:inset 0 1px #ffffff22,0 14px 34px #0005;backdrop-filter:blur(18px) saturate(130%)}.expense-donut{width:160px;height:160px;flex:0 0 160px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#38d6a3 0 var(--coverage),#f0667d var(--coverage) 100%);box-shadow:0 0 0 9px #171c2799,inset 0 0 28px #ffffff23}.expense-donut>div{display:flex;flex-direction:column;justify-content:center;align-items:center;width:118px;height:118px;border-radius:50%;background:#202631e8;border:1px solid #ffffff24;box-shadow:inset 0 1px #ffffff22}.expense-donut strong{font-size:27px}.expense-donut small{margin-top:3px}.chart-copy{min-width:0}.chart-copy h2{font-size:19px;margin-bottom:6px}.chart-copy p{margin:0 0 14px;color:#b6bdca}.chart-legend{display:grid;gap:8px}.chart-legend span{font-size:13px}.legend-dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px}.legend-dot.available{background:#38d6a3}.legend-dot.due{background:#f0667d}.legend-dot.paid{background:#d99bff}.accounts-overview button{margin-top:12px}.job-dates{font-size:12px}@media(max-width:540px){.glass-chart-panel{flex-direction:column;text-align:center;gap:17px}.expense-donut{width:142px;height:142px;flex-basis:142px}.expense-donut>div{width:105px;height:105px}.chart-legend{text-align:left}}
.expense-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}.expense-card{position:relative;display:flex;flex-direction:column;min-height:190px;padding:15px;border:1px solid #8a95aa55;border-radius:16px;background:linear-gradient(135deg,#3a4353c9,#232936bb);box-shadow:inset 0 1px #ffffff1d,0 11px 24px #03050a42;backdrop-filter:blur(14px)}.expense-card.is-paid{opacity:.72}.expense-card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.expense-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#e1a37b20;border:1px solid #f5bd983d;color:#ffd0b2;font-size:22px;box-shadow:inset 0 1px #ffffff2b}.expense-card-title{font-weight:700;font-size:15px;overflow-wrap:anywhere}.expense-card-amount{font-size:21px;margin:8px 0 4px}.expense-card-actions{display:flex;gap:7px;margin-top:auto;padding-top:15px}.expense-card-actions button{flex:1;padding-left:7px;padding-right:7px}@media(max-width:430px){.expense-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.expense-card{min-height:180px;padding:12px}.expense-card-amount{font-size:17px}.expense-card-actions{flex-direction:column}.expense-card-actions button{width:100%}}

/* Motion and liquid response */
@keyframes glass-enter{from{opacity:0;transform:translateY(9px) scale(.992)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes glass-shine{0%,100%{filter:brightness(1)}50%{filter:brightness(1.045)}}#app>.top,#app>.panel,#app>.grid,.glass-chart-panel{animation:glass-enter .42s cubic-bezier(.2,.8,.2,1) both}#app>.panel:nth-of-type(2),.glass-chart-panel{animation-delay:.06s}.client-card,.expense-card,.job-expand,.metric,.panel,button{transition:transform .2s cubic-bezier(.2,.8,.2,1),box-shadow .2s ease,border-color .2s ease,background .2s ease}.expense-card:hover,.metric:hover{transform:translateY(-3px);border-color:#f3c0a066;box-shadow:inset 0 1px #ffffff32,0 18px 34px #02040b70}.expense-svg{width:24px;height:24px;display:block}.expense-icon{color:#ffd0b2}.expense-icon .expense-svg{width:24px;height:24px}.primary{box-shadow:0 8px 18px #d8845840}.primary:hover{transform:translateY(-2px);box-shadow:0 12px 24px #d8845860}nav button.active{box-shadow:inset 0 1px #ffffff42,0 4px 14px #d8845844;animation:glass-shine 2.8s ease-in-out infinite}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}

/* Strong Liquid Glass treatment and permanent day board */
body{background:radial-gradient(900px 620px at -8% -12%,#7498d65a 0%,transparent 60%),radial-gradient(720px 590px at 105% 88%,#e98c6752 0%,transparent 62%),radial-gradient(520px 340px at 78% 16%,#d8b7fc27 0%,transparent 68%),linear-gradient(135deg,#090d19 0%,#151b2c 48%,#0a0e1b 100%) fixed;background-size:120% 120%;animation:ambient-flow 18s ease-in-out infinite alternate}body::before,body::after{content:"";position:fixed;z-index:-1;pointer-events:none;filter:blur(2px);border-radius:999px;opacity:.65}body::before{width:28rem;height:28rem;left:-13rem;top:25vh;background:#6898f13b;animation:orb-float 17s ease-in-out infinite}body::after{width:26rem;height:26rem;right:-12rem;bottom:5vh;background:#f2956830;animation:orb-float 21s ease-in-out -7s infinite reverse}@keyframes ambient-flow{to{background-position:100% 100%}}@keyframes orb-float{50%{transform:translate(6rem,-2.5rem) scale(1.16)}}
header{background:linear-gradient(115deg,#303c55a8,#202a3da6 52%,#3c2b32a0);border-bottom-color:#ffffff2e;box-shadow:inset 0 1px #ffffff3d,0 7px 30px #0206114f;backdrop-filter:blur(28px) saturate(155%)}
.panel,.metric,.item,dialog{background:linear-gradient(135deg,#ffffff20 0%,#b7c8e81a 46%,#ffffff0d 100%);border:1px solid #ffffff35;box-shadow:inset 1px 1px #ffffff35,inset -1px -1px #07101f4a,0 20px 44px #01040d52;backdrop-filter:blur(26px) saturate(150%)}
.client-logo{width:100%;height:auto;aspect-ratio:1/1;border-radius:27px 27px 0 0;background:linear-gradient(145deg,#a9c4f842,#ffffff0b);padding:0}.client-logo img{inset:0;width:100%;height:100%;padding:0;object-fit:cover;border-radius:27px 27px 0 0;background:transparent;box-shadow:none}.client-logo.logo-preview{width:140px;aspect-ratio:1/1;height:auto;border-radius:24px;overflow:hidden}.client-logo.logo-preview img{border-radius:24px}.client-card{overflow:hidden;background:linear-gradient(145deg,#ffffff1f,#9baed818);border-color:#ffffff38;border-radius:27px;backdrop-filter:blur(22px) saturate(145%)}.client-card:hover{transform:translateY(-7px) scale(1.012);border-color:#ffffff75;box-shadow:inset 0 1px #ffffff5a,0 26px 50px #000a}.client-card-body{background:linear-gradient(180deg,#10172835,#161b2938)}
nav{isolation:isolate;bottom:18px;gap:5px;padding:7px 9px;background:linear-gradient(120deg,#ffffff26,#b8cbe736 48%,#f7bc9b2d);border:1px solid #ffffff58;border-radius:999px;box-shadow:inset 1px 1px #ffffff75,inset -1px -1px #070d1945,0 22px 45px #000a;backdrop-filter:blur(34px) saturate(180%);overflow:visible}nav::before{content:"";position:absolute;inset:1px;border-radius:inherit;background:linear-gradient(100deg,#ffffff26,transparent 31%,#ffffff12 69%,#e99a7030);z-index:-1;pointer-events:none}nav button{position:relative;padding:10px 15px;overflow:hidden;transition:transform .25s cubic-bezier(.2,.9,.2,1),background .25s,box-shadow .25s,color .25s}nav button::after{content:"";position:absolute;width:110%;height:180%;top:-40%;left:-125%;transform:skewX(-24deg);background:linear-gradient(90deg,transparent,#ffffff62,transparent);transition:left .55s ease}nav button:hover{transform:translateY(-4px) scale(1.04);background:#ffffff1e;filter:none}nav button:hover::after{left:120%}nav button.active{background:linear-gradient(135deg,#f4a979e8,#cf7957e8);border:1px solid #ffd7bf8c;box-shadow:inset 0 1px #fff8,0 7px 20px #df865f80;animation:liquid-active 3.2s ease-in-out infinite}@keyframes liquid-active{50%{transform:translateY(-2px) scale(1.025);box-shadow:inset 0 1px #fff9,0 10px 27px #f09c748c}}
.day-board{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:15px;align-items:start}.day-column{min-height:430px;margin:0}.day-column-head{padding-bottom:12px;border-bottom:1px solid #ffffff22}.day-column-head h2{margin-bottom:5px}.day-column-head p{margin:0}.day-list{max-height:650px;overflow:auto;padding-right:3px}.day-list .item{margin:11px 0}.day-notes{margin-top:15px}.day-notes .top p{margin:4px 0 0}.day-board .item{background:linear-gradient(135deg,#ffffff18,#a9bad619);border-color:#ffffff2c}.day-board .item:hover{border-color:#ffffff55;transform:translateY(-2px)}
@media(max-width:700px){.day-board{grid-template-columns:1fr}.day-column{min-height:0}.day-list{max-height:none}.client-logo{border-radius:22px 22px 0 0}.client-logo img{border-radius:22px 22px 0 0}.client-logo.logo-preview{width:120px;border-radius:20px}.client-logo.logo-preview img{border-radius:20px}nav{bottom:10px;gap:1px;padding:5px;max-width:calc(100vw - 10px);overflow-x:auto}nav button{padding:9px 11px}.client-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:430px){.client-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.client-card-body{padding:12px}.client-card-name{font-size:16px}.client-card-contact{font-size:11px}.client-card-footer{padding-top:11px;font-size:11px}}

/* Textured backdrop: gives the transparent liquid-glass surfaces depth on every page. */
body{background-color:#0a0d15;background-image:linear-gradient(118deg,#05070baa 0%,#11182742 45%,#06070aa1 100%),url('./glass-background.png');background-position:center top;background-size:cover;background-attachment:fixed;animation:none}
@media(max-width:700px){body{background-position:center top;background-size:auto 100vh;background-repeat:repeat-y}}

.job-card{margin:9px 0}.job-card summary{padding:15px;cursor:pointer}.job-card-actions{margin-top:14px}.job-preview-teeth{margin:14px 0 4px;padding:12px;background:#08111c35;border:1px solid #ffffff20;border-radius:12px}.job-preview-teeth>small{display:block;margin-bottom:7px}.job-preview-teeth .teeth{justify-content:flex-start;padding:3px 0;gap:3px}.job-preview-teeth .tooth{width:29px;height:39px;font-size:9px;pointer-events:none}.job-tooth-notes{display:flex;gap:5px;flex-wrap:wrap;margin-top:9px}@media(max-width:430px){.job-preview-teeth .tooth{width:24px;height:34px;font-size:8px}.job-card summary{padding:13px 11px}}