@font-face{font-family:YunaThai;src:local('Leelawadee UI')}*{box-sizing:border-box} :root{--gold:#aa8844;--gold-dark:#856621;--gold-light:#f6f1e6;--ink:#2d3331;--muted:#858983;--line:#e9eae5;--bg:#f7f8f6;--green:#427966;--red:#bd655e;--radius:16px}body{margin:0;background:var(--bg);font-family:YunaThai,'Tahoma',sans-serif;color:var(--ink);font-size:16px;line-height:1.6}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}button{border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink);padding:9px 15px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:14px;transition:.18s}button:hover{border-color:#bd9e5b;background:var(--gold-light)}button:disabled{cursor:wait;opacity:.5}button.primary{background:linear-gradient(120deg,#b99d61,#a48749 65%,#c5ac77);color:#fff;border-color:#ad8f50;box-shadow:0 3px 7px #a58a4320}button.primary:hover{filter:brightness(1.07)}button.quiet{border:0;background:transparent}button.danger{color:var(--red)}:focus-visible{outline:3px solid #b7955270;outline-offset:3px}a{color:var(--gold-dark)}h1,h2,h3,p{margin:0}h1{font-size:28px;font-weight:600;letter-spacing:-.8px}h2{font-size:18px;font-weight:600}h3{font-size:16px}small,.muted{color:var(--muted)}small{font-size:13px}svg.icon{width:19px;height:19px;stroke:currentColor;stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.sidebar{width:240px;background:#fff;border-right:1px solid var(--line);position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;z-index:25}.brand{padding:33px 26px 28px;display:flex;align-items:center;gap:12px}.brandmark{width:42px;height:42px;border:1px solid #c6ae75;border-radius:13px;display:grid;place-items:center;color:var(--gold);font-family:Georgia,serif;font-size:29px;background:linear-gradient(140deg,#fff,#f9f5eb)}.wordmark{font-family:Georgia,serif;font-size:28px;letter-spacing:5px;line-height:1}.wordmark small{display:block;font:10px Tahoma,sans-serif;letter-spacing:5px;margin:8px 0 0 2px;color:#9c895f}.sidebar nav{overflow:auto;padding:0 14px;flex:1}.navlabel{font-size:11px;letter-spacing:1.8px;color:#a3a69f;padding:17px 15px 9px}.navitem{width:100%;justify-content:flex-start;background:none;border:0;padding:12px 14px;margin-bottom:4px;color:#7c827b;font-size:14px;gap:12px}.navitem.active{background:var(--gold-light);color:#92733b;box-shadow:inset 3px 0 #b99b5d;font-weight:600}.navitem.active::after{content:'';width:5px;height:5px;background:#b69a5e;border-radius:100%;margin-left:auto}.sidefoot{border-top:1px solid var(--line);padding:18px 23px}.secure{display:flex;align-items:center;gap:8px;color:var(--green);font-size:12px}.sidefoot small{display:block;margin-top:5px;font-size:11px}.workspace{margin-left:240px}.topbar{height:83px;border-bottom:1px solid var(--line);background:#ffffffed;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 34px}.breadcrumb{font-size:13px;color:#9ba097;display:flex;align-items:center;gap:10px}.breadcrumb b{font-weight:400;color:#575f56}.topactions{display:flex;align-items:center;gap:20px}.today{font-size:13px;color:#767d74}.user{border-left:1px solid var(--line);padding-left:22px;display:flex;gap:10px;align-items:center}.avatar{border-radius:50%;background:#efe9dc;color:#9a7c46;width:37px;height:37px;display:grid;place-items:center;font-size:14px;font-weight:600}.userinfo{font-size:13px;line-height:1.4}.userinfo small{display:block;font-size:11px;margin-top:4px}.content{padding:32px 34px 24px;max-width:1680px;margin:auto;animation:appear .25s}.pagehead{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:25px}.eyebrow{color:var(--gold);font-size:11px;letter-spacing:2.5px;margin-bottom:7px}.pagehead p{font-size:14px;color:#8b9088;margin-top:5px}.actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:24px}.stat{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:20px 22px;position:relative;overflow:hidden;min-height:149px}.stat.gold{border-color:#d8c89f;background:linear-gradient(120deg,#fff,#fcf9f1)}.stat-top{display:flex;justify-content:space-between;align-items:center;color:#858a82;font-size:14px}.stat-icon{height:33px;width:33px;display:grid;place-items:center;background:var(--gold-light);color:#b09256;border-radius:10px}.stat strong{display:block;font-size:29px;line-height:1.2;font-weight:500;letter-spacing:-.8px;margin:14px 0 10px}.stat small{display:block;font-size:12px}.pill{display:inline-flex;align-items:center;font-size:12px;padding:4px 10px;line-height:1.5;border-radius:6px;white-space:nowrap;background:#f0f2ee;color:#7b8276}.pill.green{color:#487b66;background:#edf5ef}.pill.gold{color:#9b7d40;background:#f7f1e4}.pill.red{color:#b66560;background:#fcf0ed}.pill.blue{color:#5d8193;background:#eef5f8}.grid-main{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(290px,1fr);gap:23px;margin-bottom:24px}.card{border:1px solid var(--line);border-radius:var(--radius);background:white;overflow:hidden;min-width:0}.card-head{padding:20px 23px;display:flex;align-items:center;justify-content:space-between;gap:12px}.card-head p{color:#92988d;font-size:12px;margin-top:3px}.card-body{padding:0 23px 23px}.legend{display:flex;align-items:center;gap:8px;font-size:12px;color:#7d8578}.dot{display:inline-block;height:7px;width:7px;border-radius:50%;background:#b99c60}.chart{width:100%;height:218px;overflow:visible}.chart text{font:11px Tahoma,sans-serif;fill:#9b9e96}.chart-grid{stroke:#eceee8;stroke-dasharray:4 4}.chart-labels{display:flex;justify-content:space-between;font-size:11px;color:#8e938a;padding:0 10px}.chartfoot{border-top:1px solid var(--line);margin-top:18px;padding-top:13px;display:flex;justify-content:space-between;font-size:12px;color:#8e9389}.ranking{display:flex;flex-direction:column;gap:19px;padding-top:8px}.rank-top{display:flex;justify-content:space-between;font-size:13px;gap:15px;margin-bottom:8px}.rankbar{height:5px;background:#f3f3ed;border-radius:6px;overflow:hidden}.rankbar i{height:100%;display:block;background:linear-gradient(90deg,#cbb77e,#af9153);border-radius:6px}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap;font-size:14px}th{background:#fafbf9;color:#969b91;font-weight:400;font-size:12px;padding:12px 22px;border-block:1px solid #f0f1ec}td{padding:16px 22px;border-bottom:1px solid #f0f1ed;color:#596151}tr:last-child td{border-bottom:0}td small{display:block;font-size:11px;color:#9ba093;margin-top:3px}td b{font-weight:500;color:#394333}.person{display:flex;align-items:center;gap:11px}.person .avatar{width:32px;height:32px;font-size:12px;background:#f2f0e9;font-weight:400}.toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:19px;gap:12px;flex-wrap:wrap}.search{position:relative;max-width:400px;flex:1;min-width:220px}.search .icon{position:absolute;left:13px;top:13px;color:#9ba092}.search input{padding-left:41px;width:100%}input,select,textarea{border:1px solid #dfe3d9;border-radius:8px;padding:10px 12px;background:#fff;color:#45503e;font-size:14px;max-width:100%}input[type=month],input[type=date]{min-width:148px}textarea{resize:vertical;min-height:90px}input[type=checkbox]{accent-color:var(--gold);width:18px;height:18px}.tabs{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 22px;border-bottom:1px solid var(--line);padding-bottom:14px}.tabs button{background:none;border:0;color:#899080}.tabs button.active{background:var(--gold-light);color:#957537}.empty{padding:48px 22px;text-align:center;color:#969c8f}.empty .icon{width:32px;height:32px;color:#c0b392;margin-bottom:12px}.empty h3{color:#68715f;font-size:15px;margin-bottom:5px}.empty p{font-size:13px;max-width:420px;margin:0 auto 18px}.notice{display:flex;gap:12px;align-items:flex-start;border:1px solid #e9dec0;border-radius:10px;background:#fbf8ef;color:#948052;padding:13px 16px;font-size:13px;margin-bottom:20px}.notice.red{color:#ad625c;background:#fff4f1;border-color:#f1d9d1}.notice .icon{margin-top:2px}.footer{display:flex;justify-content:space-between;margin-top:25px;color:#a3a69f;font-size:11px}.auth{min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr;background:white}.auth-left{background:radial-gradient(ellipse at 65% 35%,#fcfaf5,#f0eadc);padding:55px 10%;display:flex;flex-direction:column;justify-content:center;position:relative;border-right:1px solid #ddcfac;overflow:hidden}.auth-left:before,.auth-left:after{content:'';position:absolute;border:1px solid #baa16a30;border-radius:50%;width:650px;height:650px;top:-350px;right:-260px;pointer-events:none}.auth-left:after{width:720px;height:720px;top:auto;right:auto;bottom:-450px;left:-280px}.auth-left .brand{padding:0 0 70px}.auth-left h1{font-size:42px;line-height:1.5;font-weight:400;letter-spacing:-1px}.auth-left h1 em{font-family:Georgia,serif;color:var(--gold);font-size:54px;font-weight:400}.auth-left>p{color:#92876d;max-width:340px;font-size:15px;margin-top:22px}.auth-detail{margin-top:65px;display:flex;gap:28px;font-size:12px;color:#9a8d70}.auth-right{display:grid;place-items:center;padding:40px}.authform{width:min(100%,380px)}.authform h2{font-size:26px;margin-bottom:8px}.authform>p{color:#989c92;font-size:14px;margin-bottom:28px}.authform .primary{width:100%;margin-top:12px;padding:12px}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:18px}.field label{font-size:14px;color:#737b6c}.field.full{grid-column:1/-1}.error{color:#b65751;font-size:13px;margin:10px 0}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.formgrid .field{min-width:0}.form-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:18px;border-top:1px solid var(--line);margin-top:8px}dialog{border:1px solid #ddd3bd;border-radius:18px;box-shadow:0 30px 100px #2b321f35;padding:0;width:min(740px,calc(100% - 32px));max-height:90vh;color:var(--ink);background:white}dialog::backdrop{background:#29302050;backdrop-filter:blur(4px)}.modal-head{padding:23px 28px 17px;display:flex;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px solid var(--line)}.modal-body{padding:25px 28px;max-height:72vh;overflow:auto}.modal-head h2{font-size:20px}.modal-head button{padding:4px 7px}.detailgrid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:20px}.detailitem{border:1px solid var(--line);border-radius:9px;padding:13px}.detailitem small{display:block;margin-bottom:5px}.detailitem p{font-size:14px;white-space:pre-wrap;overflow-wrap:anywhere}.detailsection{margin:25px 0 15px;display:flex;justify-content:space-between;align-items:center;gap:10px}.photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.photo-grid figure{margin:0}.photo-grid img{width:100%;height:200px;object-fit:contain;border-radius:9px;background:#f7f8f4}.photo-grid figcaption{font-size:12px;color:#939987;margin-top:5px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.package{padding:25px;border:1px solid var(--line);border-radius:14px;background:white}.package .tag{font:11px Georgia,serif;letter-spacing:2px;color:var(--gold)}.package h2{margin:12px 0 3px}.package .balance{font-size:35px;color:var(--gold);margin-top:20px}.package .balance span{font-size:14px;color:#959b8e}.package button{width:100%;margin-top:20px}.queue{display:flex;align-items:center;gap:13px;padding:18px 22px;border-top:1px solid var(--line);font-size:14px}.queue time{color:var(--gold);font-size:14px}.queue .queue-main{flex:1}.queue small{display:block;font-size:12px}.policygrid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.policygrid .card{padding:25px}.policygrid .icon{color:var(--gold);margin-bottom:10px}.policygrid p{color:#8a9181;font-size:14px;margin-top:8px}.checkrow{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:#737b68;margin:12px 0}.checkrow input{flex-shrink:0}.inline-items{display:grid;grid-template-columns:minmax(140px,1fr) 90px 40px;gap:8px;margin-bottom:8px}.inline-items button{padding:8px}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);opacity:0;transition:.2s;z-index:100;background:#394331;color:white;padding:12px 25px;border-radius:10px;max-width:90%;pointer-events:none;font-size:14px}#toast.show{opacity:1;transform:translate(-50%,0)}#print{display:none}.loading{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font:44px Georgia,serif;letter-spacing:7px;color:var(--gold)}.loading span{font:12px Tahoma,sans-serif;letter-spacing:6px;margin-top:10px}.loading p{font:14px Tahoma,sans-serif;letter-spacing:0;color:#8e9585;margin-top:30px}.pagination{padding:15px 22px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);font-size:12px;color:#959c8e}.pagination .actions{gap:7px}.pagination button{padding:4px 10px}.mobile-menu{display:none}.checknote{font-size:12px;color:#858e79;margin-top:12px}.amount{font-variant-numeric:tabular-nums}.progress{height:5px;border-radius:5px;background:#f0eee7;margin-top:15px}.progress i{height:100%;display:block;background:#bea469;border-radius:5px}@keyframes appear{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1600px){.content{padding:40px 48px}.stats{gap:24px}.stat{padding:24px 28px}}@media(max-width:1150px){.sidebar{width:210px}.workspace{margin-left:210px}.content{padding:25px}.topbar{padding:0 25px}.today{display:none}.stats{grid-template-columns:repeat(2,1fr)}.grid-main{grid-template-columns:1fr}.cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:.2s;width:240px;box-shadow:10px 0 50px #27311d15}.sidebar.open{transform:translateX(0)}.workspace{margin-left:0}.mobile-menu{display:inline-flex}.topbar{height:70px;padding:0 18px}.breadcrumb{display:none}.topactions{gap:10px}.user{border:0;padding-left:0}.content{padding:23px 17px}.pagehead{align-items:flex-start;flex-direction:column}.pagehead h1{font-size:25px}.stats{gap:10px}.stat{padding:15px;min-height:145px}.stat strong{font-size:25px}.stat-top{font-size:12px}.stat-icon{width:26px;height:26px}.cards,.policygrid{grid-template-columns:1fr}.formgrid{grid-template-columns:1fr}.formgrid .field{grid-column:1}.detailgrid{grid-template-columns:1fr}.auth{grid-template-columns:1fr}.auth-left{padding:30px;min-height:240px}.auth-left .brand{padding-bottom:30px}.auth-left h1{font-size:25px}.auth-left h1 em{font-size:34px}.auth-left>p,.auth-detail{display:none}.auth-right{padding:35px 25px}.footer{gap:15px;flex-wrap:wrap}.modal-body{padding:20px}.modal-head{padding:18px 20px}.userinfo{display:none}.card-head{padding:18px}.card-body{padding:0 18px 18px}th,td{padding:13px 17px}}@media print{body>*{display:none!important}body>#print{display:block!important;font-family:Tahoma,sans-serif;color:#222;padding:35px}#print h1{font-size:32px;letter-spacing:4px;color:#997b42}#print table{margin-top:30px}#print p{margin-top:10px}#print .total{text-align:right;font-size:24px;margin-top:30px}}

.checkrow.field{flex-direction:row}.checkrow input{margin-top:4px}

/* Yuna signature: pearl white, champagne gold and warm bronze. */
:root{--gold:#a48243;--gold-dark:#76572d;--gold-light:#f7f2e8;--ink:#37322d;--muted:#817970;--line:#ece5da;--bg:#faf9f6;--radius:20px}
body{background:var(--bg);-webkit-font-smoothing:antialiased}
::selection{background:#eadbbd;color:#493822}
button{border-radius:12px;transition:background .2s,border-color .2s,box-shadow .2s,transform .2s}
button.primary{background:linear-gradient(110deg,#8b6837 0%,#b99450 48%,#c9a968 72%,#98753f 100%);border:1px solid #ae8847;box-shadow:inset 0 1px #ffffff65,0 5px 14px #98753f1b;text-shadow:0 1px 1px #75542630}
button.primary:hover{box-shadow:inset 0 1px #ffffff75,0 7px 20px #98753f2c;transform:translateY(-1px)}
input,select,textarea{border-color:#e4ddd2!important;border-radius:11px!important;background:#fffefc}
input:focus,select:focus,textarea:focus{border-color:#b59660!important;box-shadow:0 0 0 3px #b5966014;outline:none}
h1{color:#3b342c;letter-spacing:-.65px}h2{color:#443a30}
.eyebrow{color:#987847;font-size:10px;letter-spacing:2.7px;font-weight:500}
.brand{justify-content:center;padding:12px 26px 20px;flex:none}
.clinic-logo{position:relative;width:103px;aspect-ratio:1825/1850;overflow:hidden;flex:none;background:#fff}
.clinic-logo img{position:absolute;display:block;left:0;top:-18.864865%;width:100%;height:auto;max-width:none}
.sidebar{border-right:1px solid #e7ddca;box-shadow:4px 0 24px #78603904}
.sidebar .brand{margin:0 20px 8px;border-bottom:1px solid #eee7db}
.sidebar nav{scrollbar-width:thin;scrollbar-color:#decfb5 transparent}
.navlabel{color:#9c8d77;font-size:9px;letter-spacing:2px;padding-top:19px}
.navitem{color:#706a62;border-radius:11px;font-size:13px;padding:11px 14px}
.navitem:hover{background:#faf7f0;color:#8b6a34}
.navitem.active{background:linear-gradient(100deg,#f2e8d5,#faf7ef);color:#795a2b;box-shadow:inset 2px 0 #b18c4a,0 2px 8px #af915208}
.sidefoot{border-color:#eee7db;background:linear-gradient(180deg,#fff,#fcfaf5)}
.topbar{height:78px;background:#ffffffed;border-bottom:1px solid #eee6d8;backdrop-filter:blur(14px)}
.avatar{background:linear-gradient(135deg,#f7f0df,#e6d3ac);color:#85632c;border:1px solid #dcccaa}
.content{padding:30px 34px 28px}
.pagehead{position:relative;padding:25px 28px;margin-bottom:26px;background:linear-gradient(105deg,#fff 35%,#fbf7ee);border:1px solid #e5d8bf;border-radius:20px;box-shadow:0 4px 22px #81673605;overflow:hidden}
.pagehead:before{content:'';position:absolute;width:180px;height:180px;right:-78px;top:-103px;border:1px solid #c5a66835;border-radius:50%;pointer-events:none}
.pagehead h1{font-size:27px}.pagehead p{color:#887e71;font-size:13px;margin-top:7px}
.pagehead .actions{position:relative;z-index:1}
.stats{gap:18px}.stat{border-color:#e9e1d5;box-shadow:0 5px 24px #66512c06;padding:22px;min-height:156px}
.stat:before{content:'';position:absolute;left:24px;top:0;right:24px;height:2px;background:linear-gradient(90deg,transparent,#c6a46765,transparent)}
.stat.gold{background:linear-gradient(135deg,#fffdf8,#f7eedb);border-color:#d8c296}
.stat strong{font-family:Georgia,'Tahoma',serif;font-size:32px;color:#54422d;letter-spacing:-.6px;margin-top:16px}
.stat-top{color:#83786a;font-size:13px}.stat-icon{background:#f7f1e5;color:#a07d42;border:1px solid #eee1c8;border-radius:11px}
.card{border-color:#e9e2d7;box-shadow:0 5px 26px #69533305}
.card-head{padding:23px 25px}.card-head h2{font-size:16px}.card-head p{color:#928678;margin-top:4px}
.card-body{padding:0 25px 25px}.card-head>.icon{color:#aa884f}
.chartfoot{border-color:#eee6d8;color:#9b8b75}.chart-grid{stroke:#eee8de}.chart text{fill:#9a8b77}
.rankbar{background:#f5f0e6}.rankbar i{background:linear-gradient(90deg,#ddc9a0,#aa8242)}
.pill{border-radius:7px}.pill.gold{background:#f6edda;color:#89672e}.pill.green{background:#eff4ee;color:#567759}
.table-wrap{border-color:#ebe3d8}th{background:#fcfaf5;color:#8b7c68;font-size:11px;letter-spacing:.35px;font-weight:500;border-color:#eee6d8}td{border-color:#f0ebe3}
tr:hover td{background:#fdfbf6}.tabs{border-color:#e7dcc8}.tabs button.active{color:#8b6731;border-color:#b99450}
.toolbar{gap:12px}.empty{color:#a29685}.empty .icon{color:#c6b18a}
dialog{border:1px solid #dac9a8;border-radius:22px;box-shadow:0 28px 90px #44331924}dialog::backdrop{background:#352d244d;backdrop-filter:blur(4px)}
.modal-head{background:#fdfaf4;border-bottom-color:#eee3d0}.modal-foot{background:#fcfaf6;border-top-color:#e8ddc9}
#toast{background:#443a2e;border:1px solid #b59a64;box-shadow:0 8px 30px #54412424}
.auth{min-height:100svh;grid-template-columns:1.12fr 1fr;background:#fff}
.auth-left{background:radial-gradient(ellipse at 10% 95%,#f7efdf 0%,transparent 55%),#fff;padding:42px 11%;border-right:1px solid #e5d8bd;align-items:flex-start}
.auth-left:before{width:550px;height:760px;border-radius:50% 50% 0 0;top:90px;right:-300px;border-color:#c5a46426;transform:rotate(23deg)}
.auth-left:after{width:600px;height:820px;border-radius:50% 50% 0 0;bottom:-510px;left:-180px;border-color:#c5a46430;transform:rotate(-24deg)}
.auth-left .brand{position:relative;justify-content:flex-start;padding:0 0 30px;z-index:1}
.auth-left .clinic-logo{width:174px;background:transparent}
.auth-left .clinic-logo img{mix-blend-mode:multiply}
.auth-left>.eyebrow{letter-spacing:3.1px;font-size:9px;margin-bottom:16px}
.auth-left h1{position:relative;font-size:39px;line-height:1.45;color:#504230;z-index:1}
.auth-left h1 em{font-family:Georgia,serif;font-size:53px;line-height:1.5;color:#a17e43}
.auth-left>p{color:#8b8173;font-size:13px;line-height:1.9;margin-top:22px}
.auth-detail{border-top:1px solid #e6d9c1;padding-top:22px;gap:22px;margin-top:32px;color:#a68a58}
.auth-detail span{color:#8a785c;font-size:11px}
.auth-right{background:radial-gradient(ellipse at 90% 10%,#f7f1e5,transparent 55%),#fcfbf8;padding:50px 9%}
.authform{max-width:420px;width:100%;background:#fff;padding:38px 34px;border:1px solid #e9dfcc;border-radius:24px;box-shadow:0 15px 60px #7a603b08;position:relative}
.authform:before{content:'';position:absolute;top:-1px;left:34px;right:34px;height:2px;background:linear-gradient(90deg,transparent,#c3a164,transparent)}
.authform h2{font-size:27px;font-weight:500;margin-top:12px}.authform>p{font-size:12px;color:#938675}
.authform .field{font-size:12px;color:#77694f}.authform input{height:47px;background:#fdfcf9}.authform button.primary{min-height:48px;border-radius:11px}
.authform .checknote{line-height:1.9;font-size:11px;color:#9a8d79}.authform .secure{font-size:10px;color:#9c8662}
.authform>.brand{justify-content:flex-start;padding:0 0 20px}
@media(min-width:1440px){.auth-left{padding-left:15%}.auth-left h1{font-size:43px}.auth-left h1 em{font-size:61px}}
@media(max-width:1100px){.pagehead{padding:22px}.auth-left{padding:40px 8%}.auth-right{padding:40px 6%}.authform{padding:30px 26px}}
@media(max-width:760px){.auth{grid-template-columns:1fr}.auth-left{padding:30px 28px 26px;min-height:0;align-items:center;text-align:center;border-right:0;border-bottom:1px solid #e5d8bd}.auth-left .brand{padding-bottom:17px}.auth-left .clinic-logo{width:102px}.auth-left>.eyebrow{font-size:8px;letter-spacing:2.5px;margin-bottom:10px}.auth-left h1{font-size:25px}.auth-left h1 em{font-size:33px}.auth-left>p,.auth-detail{display:none}.auth-right{padding:28px 22px 38px}.authform{max-width:440px;padding:27px 24px}.authform h2{font-size:24px}.content{padding:22px 18px}.pagehead{align-items:flex-start;padding:20px;gap:16px}.pagehead h1{font-size:23px}.pagehead p{font-size:12px}.pagehead .actions{width:100%}.stats{gap:12px}.stat{padding:17px;min-height:142px}.stat strong{font-size:27px}.stat-top{font-size:12px}.card-head{padding:19px}.card-body{padding:0 19px 20px}.sidebar .brand{padding:12px 20px 16px}.topbar{height:68px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Larger signature logo and the clinic's official slogan. */
.sidebar .clinic-logo{width:150px}
.sidebar .brand{padding:16px 6px 20px;margin-bottom:4px}
.auth-left .clinic-logo{width:260px}
.auth-left .brand{padding-bottom:24px}
.auth-left h1{max-width:100%;line-height:1.35}
.auth-left .slogan-intro{font:italic 19px/1.6 Georgia,serif;letter-spacing:1.2px;color:#766044}
.auth-left h1 em{display:inline-block;font-size:clamp(25px,2.55vw,38px);line-height:1.4;letter-spacing:.3px;font-weight:500}
@media(max-width:760px){.auth-left .clinic-logo{width:180px}.sidebar .clinic-logo{width:150px}.sidebar .brand{padding:14px 6px 18px}.auth-left .brand{padding-bottom:18px}.auth-left .slogan-intro{font-size:15px}.auth-left h1 em{font-size:24px}.auth-left{padding-top:24px}}