@import url("https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700&family=Inter:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500&display=swap");:root{--teal:#167D7A;--teal-deep:#0E5A58;--teal-ink:#0A3230;--mint:#B7E4DF;--mint-soft:#D9F0EC;--mist:#EEF7F5;--paper:#fff;--line:#D8E9E6;--line-soft:#E8F2F0;--text:#123B39;--dim:#5A7B78;--amber:#D99A2B;--red:#C25450;--green:#2FA37A;--sh-sm:0 1px 2px rgba(10,50,48,.05),0 2px 8px rgba(10,50,48,.05);--sh-md:0 6px 20px rgba(10,50,48,.10);--sh-lg:0 24px 60px rgba(10,50,48,.20);--r:12px;--r-lg:18px;--f-d:"Sora",sans-serif;--f-b:"Inter",sans-serif;--f-m:"IBM Plex Mono",monospace}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--f-b);color:var(--text);background:var(--mist);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{color:var(--teal);text-decoration:none}button{font:inherit;cursor:pointer;border:none;background:none;color:inherit}input,select,textarea{font:inherit;color:var(--text)}h1,h2,h3,h4{font-family:var(--f-d);letter-spacing:-.015em;font-weight:600}:focus-visible{outline:2.5px solid var(--teal);outline-offset:2px;border-radius:5px}::selection{background:var(--mint);color:var(--teal-ink)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;padding:11px 20px;font-weight:600;font-size:14px;transition:background .15s,transform .12s,border-color .15s,box-shadow .15s}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--teal);color:#fff;box-shadow:0 4px 14px rgba(22,125,122,.24)}.btn-primary:hover{background:var(--teal-deep)}.btn-ghost{border:1.5px solid var(--line);color:var(--teal-deep);background:var(--paper)}.btn-ghost:hover{border-color:var(--teal);background:var(--mist)}.btn-danger{border:1.5px solid #eed4d3;color:var(--red);background:#fff}.btn-danger:hover{background:#FBEDEC}.btn-full{width:100%}.btn-sm{padding:7px 14px;font-size:12.5px;border-radius:8px}.eyebrow{font-size:10.5px;letter-spacing:.15em;text-transform:uppercase;color:var(--teal)}.eyebrow,.mono{font-family:var(--f-m)}.field{margin-bottom:16px}.field label{display:block;font-size:12.5px;font-weight:600;color:var(--teal-ink);margin-bottom:6px}.inp{width:100%;border:1.5px solid var(--line);border-radius:10px;padding:11px 13px;background:#FBFDFC;transition:border-color .15s,box-shadow .15s}.inp:focus{outline:none;border-color:var(--teal);background:#fff;box-shadow:0 0 0 3.5px rgba(22,125,122,.12)}textarea.inp{resize:vertical;min-height:90px}.two-col{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:12px;padding:0 18px;background:rgba(255,255,255,.92);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);height:58px}.topbar .spacer{flex:1 1}.pill-btn{display:flex;align-items:center;gap:8px;border:1.5px solid var(--line);border-radius:999px;padding:6px 14px 6px 8px;font-size:12.5px;font-weight:600;color:var(--teal-ink);background:#fff;transition:border-color .15s}.pill-btn:hover{border-color:var(--teal)}.pill-btn .bdg{width:24px;height:24px;background:var(--mint);color:var(--teal-deep);place-items:center;font-family:var(--f-m);font-size:11px}.icon-btn,.pill-btn .bdg{border-radius:50%;display:grid}.icon-btn{width:34px;height:34px;place-items:center;color:var(--teal-deep);border:1.5px solid var(--line);position:relative;transition:border-color .15s,background .15s}.icon-btn:hover{border-color:var(--teal);background:var(--mist)}.icon-btn .dot{position:absolute;top:5px;right:6px;width:7px;height:7px;background:var(--amber);border-radius:50%;border:2px solid #fff}.avatar-btn{width:34px;height:34px;border-radius:50%;background:var(--teal);color:#fff;display:grid;place-items:center;font-family:var(--f-d);font-weight:600;font-size:13px}.profile-menu{position:fixed;top:64px;right:18px;width:220px;background:#fff;border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh-md);padding:8px;z-index:73;opacity:0;visibility:hidden;transform:translateY(-6px);transition:.16s}.profile-menu.open{opacity:1;visibility:visible;transform:none}.profile-menu .who{padding:10px 12px 12px;border-bottom:1px solid var(--line-soft);margin-bottom:6px}.profile-menu .who b{display:block;font-size:13.5px;color:var(--teal-ink)}.profile-menu .who span{font-size:11.5px;color:var(--dim)}.profile-menu a,.profile-menu button{display:flex;align-items:center;gap:9px;width:100%;text-align:left;padding:8px 12px;border-radius:8px;font-size:13px;color:var(--text);transition:background .13s}.profile-menu a:hover,.profile-menu button:hover{background:var(--mist)}.profile-menu .danger{color:var(--red)}.portal-main{flex:1 1}.page{max-width:1080px;margin:0 auto;padding:30px 24px 90px}.p-hero{position:relative;overflow:hidden;background:linear-gradient(150deg,var(--teal) 0,var(--teal-deep) 80%);border-radius:var(--r-lg);color:#fff;padding:30px 34px;box-shadow:var(--sh-md);display:flex;align-items:center;gap:22px;justify-content:space-between}.p-hero .eyebrow{color:var(--mint)}.p-hero h1{font-size:clamp(22px,2.6vw,29px);margin-top:8px}.p-hero-name{font-size:25px;color:#D8EEEA;font-weight:600;letter-spacing:.01em;margin:0}.quickrow{display:flex;gap:11px;overflow-x:auto;padding:2px 2px 8px;margin-top:30px;scrollbar-width:none}.qbtn{flex:none;display:flex;align-items:center;gap:10px;background:var(--paper);border:1.5px solid var(--line);border-radius:999px;padding:9px 18px 9px 10px;transition:border-color .15s,transform .15s,box-shadow .18s}.qbtn:hover{border-color:var(--mint);transform:translateY(-2px);box-shadow:var(--sh-sm)}.qbtn .qic{width:32px;height:32px;border-radius:50%;background:var(--mint-soft);color:var(--teal);padding:7px;flex:none;display:grid;place-items:center}.qbtn span{font-size:13.5px;font-weight:600;color:var(--teal-ink);white-space:nowrap}.sec-head{display:flex;align-items:baseline;justify-content:space-between;margin:30px 2px 14px}.sec-head h2{font-size:16.5px;color:var(--teal-ink)}.sec-head span{font-family:var(--f-m);font-size:11px;color:var(--dim)}.acct-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));grid-gap:14px;gap:14px;margin-top:30px}.acct-card{background:var(--paper);border:1.5px solid var(--line);border-radius:var(--r);padding:18px;text-align:left;display:flex;flex-direction:column;gap:11px;transition:transform .16s,box-shadow .18s,border-color .16s;position:relative;cursor:pointer}.acct-card:hover{transform:translateY(-3px);box-shadow:var(--sh-md);border-color:var(--mint)}.acct-card .top{display:flex;align-items:flex-start;justify-content:space-between}.acct-card .ac-ic{width:40px;height:40px;border-radius:11px;background:var(--mint-soft);color:var(--teal);padding:9px;display:grid;place-items:center}.acct-card .ent{font-family:var(--f-m);font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--dim);text-align:right}.acct-card h3{font-size:14.5px;color:var(--teal-ink)}.acct-card .stat{margin-top:auto;border-top:1px solid var(--line-soft);padding-top:10px}.acct-card .stat .k{font-family:var(--f-m);font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--dim)}.acct-card .stat .v{font-family:var(--f-d);font-size:17px;font-weight:600;color:var(--teal-ink);margin-top:2px}.acct-card .stat .d{font-size:11px;color:var(--dim);margin-top:1px}.acct-card .stat .d.warn{color:#8A6210}.acct-card .stat .d.bad{color:var(--red)}.link-tile{border:1.5px dashed var(--mint);background:var(--mint-soft);border-radius:var(--r);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px 18px;color:var(--teal-deep);cursor:pointer;transition:background .15s,border-color .15s}.link-tile:hover{background:#CBEAE4;border-color:var(--teal)}.link-tile b{font-size:13px}.link-tile span{font-size:11.5px;color:var(--dim);text-align:center}.activity-list{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}.activity-item{display:flex;gap:13px;align-items:flex-start;padding:14px 18px;border-bottom:1px solid var(--line-soft)}.activity-item:last-child{border-bottom:none}.activity-item .dot2{width:8px;height:8px;border-radius:50%;background:var(--teal);margin-top:6px;flex:none}.activity-item .dot2.warn{background:var(--amber)}.activity-item .dot2.bad{background:var(--red)}.activity-item .b{flex:1 1;font-size:13.5px}.activity-item .b b{color:var(--teal-ink)}.activity-item .when{font-family:var(--f-m);font-size:11px;color:var(--dim);white-space:nowrap}.crumb{display:flex;align-items:center;gap:7px;font-size:12.5px;color:var(--dim);margin-bottom:18px}.crumb button{font-weight:600;color:var(--teal)}.acct-header{position:relative;overflow:hidden;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);padding:26px 28px;display:flex;align-items:center;gap:20px;flex-wrap:wrap;box-shadow:var(--sh-sm)}.acct-header .av{width:60px;height:60px;border-radius:16px;background:linear-gradient(145deg,var(--mint-soft),var(--mint));color:var(--teal-deep);display:grid;place-items:center;font-family:var(--f-d);font-weight:700;font-size:20px;flex:none}.acct-header .t{flex:1 1;min-width:220px}.acct-header h1{font-size:20px;color:var(--teal-ink)}.acct-header .meta{display:flex;flex-wrap:wrap;gap:5px 16px;margin-top:7px;font-size:12.5px;color:var(--dim)}.acct-header .meta b{color:var(--text);font-weight:600}.acct-header .status{display:inline-flex;align-items:center;gap:6px;font-family:var(--f-m);font-size:10px;letter-spacing:.09em;text-transform:uppercase;background:var(--mint-soft);color:var(--teal-deep);border:1px solid var(--mint);border-radius:999px;padding:4px 11px;margin-bottom:6px}.acct-header .status i{width:6px;height:6px;border-radius:50%;background:currentColor}.acct-header .hd-acts{display:flex;gap:9px}.tabbar{display:flex;gap:4px;margin-top:22px;border-bottom:1.5px solid var(--line);overflow-x:auto}.tabbar button{padding:11px 5px;font-size:13.5px;font-weight:600;color:var(--dim);border-bottom:2.5px solid transparent;white-space:nowrap;margin-right:22px;transition:color .15s,border-color .15s}.tabbar button:hover{color:var(--teal-ink)}.tabbar button.active{color:var(--teal);border-color:var(--teal)}.pane{margin-top:22px}.widget-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));grid-gap:14px;gap:14px}.widget{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:18px}.widget h4{font-family:var(--f-m);font-size:10.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--dim);font-weight:600}.widget .big{font-family:var(--f-d);font-size:24px;font-weight:600;color:var(--teal-ink);margin-top:6px}.widget .sub{font-size:12px;color:var(--dim);margin-top:2px}.widget .qa{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.widget .qa button{font-size:12px;font-weight:600;color:var(--teal-deep);border:1.5px solid var(--line);border-radius:999px;padding:6px 12px;background:#fff;transition:background .14s,border-color .14s}.widget .qa button:hover{background:var(--mint-soft);border-color:var(--mint)}.ring-wrap{display:flex;align-items:center;gap:16px}.ring{width:84px;height:84px;place-items:center;flex:none;background:conic-gradient(var(--teal) calc(var(--p) * 1%),var(--mint-soft) 0)}.ring,.ring .hole{border-radius:50%;display:grid}.ring .hole{width:62px;height:62px;background:#fff;place-items:center;text-align:center}.ring .hole b{font-family:var(--f-d);font-size:15px;color:var(--teal-ink);display:block}.ring .hole span{font-size:9px;color:var(--dim);display:block}.ring-legend{font-size:12.5px}.ring-legend div{display:flex;align-items:center;gap:7px;margin-bottom:5px}.ring-legend .sw{width:9px;height:9px;border-radius:3px}.card-box{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);padding:24px}.tbl{width:100%;border-collapse:collapse;font-size:13px;background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden}.tbl th{font-family:var(--f-m);font-size:9.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--dim);text-align:left;padding:9px 12px;background:var(--mint-soft)}.tbl td{padding:10px 12px;border-top:1px solid var(--line-soft)}.tbl td.num,.tbl th.num{text-align:right;font-family:var(--f-m)}.tbl tr:hover td{background:#FAFDFC}.rowlink{font-size:11.5px;color:var(--teal);background:none;border:none;cursor:pointer}.pill,.rowlink{font-weight:600}.pill{font-size:10.5px;padding:2.5px 9px;border-radius:999px;background:var(--mint-soft);color:var(--teal-deep);white-space:nowrap;display:inline-block}.pill.warn{background:#F8ECD4;color:#8A6210}.pill.bad{background:#F6DEDD;color:#8F3835}.pill.dim{background:#EDF2F1;color:var(--dim)}.bars{display:flex;align-items:flex-end;gap:8px;height:90px;padding:10px 10px 0;background:#fff;border:1px solid var(--line);border-radius:10px}.bars .b{flex:1 1;display:flex;flex-direction:column;align-items:center;gap:5px;height:100%;justify-content:flex-end}.bars .b i{display:block;width:100%;max-width:26px;background:linear-gradient(180deg,var(--teal),var(--teal-deep));border-radius:5px 5px 0 0}.bars .b span{font-family:var(--f-m);font-size:9px;color:var(--dim)}.progress{height:9px;background:var(--mint-soft);border-radius:999px;overflow:hidden}.progress i{display:block;height:100%;background:linear-gradient(90deg,var(--teal),var(--green));border-radius:999px}.backdrop{position:fixed;inset:0;background:rgba(10,50,48,.42);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s;z-index:60}.backdrop.open{opacity:1;visibility:visible}.drawer{position:fixed;top:0;right:0;height:100vh;width:min(400px,100vw);background:var(--paper);z-index:70;display:flex;flex-direction:column;box-shadow:var(--sh-lg);transform:translateX(100%);transition:transform .34s cubic-bezier(.32,.72,0,1)}.drawer.open{transform:none}.drawer-head{padding:20px 22px 14px;border-bottom:1px solid var(--line);display:flex;align-items:flex-start;gap:12px}.drawer-head h2{font-size:18px;color:var(--teal-ink)}.drawer-head p{font-size:12.5px;color:var(--dim);margin-top:3px}.drawer-head .close{margin-left:auto;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;color:var(--dim);transition:background .15s,color .15s}.drawer-head .close:hover{background:var(--mist);color:var(--teal-ink)}.drawer-body{flex:1 1;overflow-y:auto;padding:14px 18px 24px}.drawer-foot{border-top:1px solid var(--line);padding:14px 18px;background:#FBFDFC}.acct-row{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:12px;border-radius:11px;border:1.5px solid transparent;transition:background .14s,border-color .14s;margin-bottom:6px;cursor:pointer}.acct-row:hover{background:var(--mist)}.acct-row.active{background:var(--mint-soft);border-color:var(--mint)}.acct-row .t{flex:1 1;min-width:0}.acct-row .t b{display:block;font-size:13.5px;color:var(--teal-ink)}.acct-row .t span{font-size:11.5px;color:var(--dim)}.link-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;border:1.5px dashed var(--mint);color:var(--teal-deep);background:var(--mint-soft);border-radius:10px;padding:11px;font-size:13.5px;font-weight:600;transition:background .15s,border-color .15s;cursor:pointer}.link-btn:hover{background:#CBEAE4;border-color:var(--teal)}.modal-bd{position:fixed;inset:0;background:rgba(10,50,48,.46);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:80;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;visibility:hidden;transition:.22s}.modal-bd.open{opacity:1;visibility:visible}.modal{width:100%;max-width:440px;background:#fff;border-radius:var(--r-lg);box-shadow:var(--sh-lg);padding:26px;transform:translateY(14px) scale(.98);transition:.22s;max-height:88vh;overflow-y:auto}.modal-bd.open .modal{transform:none}.modal-head{display:flex;align-items:flex-start;gap:10px;margin-bottom:16px}.modal-head h3{font-size:17px;color:var(--teal-ink)}.modal-head p{font-size:12.5px;color:var(--dim);margin-top:3px}.modal-head .close{margin-left:auto;font-size:18px;color:var(--dim);background:none;border:none;cursor:pointer;line-height:1;padding:2px 6px;border-radius:6px}.modal-head .close:hover{background:var(--mist)}.modal-acts{margin-top:20px}.modal-ok{background:var(--mint-soft);border:1px solid var(--mint);border-radius:10px;padding:14px 16px;font-size:13.5px;color:var(--teal-ink);margin-bottom:14px}.fab{position:fixed;bottom:24px;right:24px;width:56px;height:56px;border-radius:50%;background:var(--teal);color:#fff;display:grid;place-items:center;box-shadow:0 10px 26px rgba(22,125,122,.34);z-index:75;transition:transform .15s,background .15s;cursor:pointer}.fab:hover{transform:scale(1.06);background:var(--teal-deep)}.fab-panel{position:fixed;bottom:92px;right:24px;width:min(370px,calc(100vw - 32px));height:min(500px,calc(100vh - 140px));background:#fff;border-radius:var(--r-lg);box-shadow:var(--sh-lg);border:1px solid var(--line);z-index:75;display:flex;flex-direction:column;overflow:hidden;transform:translateY(16px) scale(.97);opacity:0;visibility:hidden;transition:.2s}.fab-panel.open{transform:none;opacity:1;visibility:visible}.fab-head{display:flex;align-items:center;gap:11px;padding:14px 16px;background:linear-gradient(135deg,var(--mint-soft),#F4FBF9);border-bottom:1px solid var(--line)}.fab-head b{font-size:13.5px;color:var(--teal-ink)}.fab-head p{font-size:11.5px;color:var(--dim)}.fab-head .close{margin-left:auto;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;color:var(--dim)}.fab-head .close:hover{background:#fff}.fab-feed{flex:1 1;overflow-y:auto;padding:14px 14px 8px;display:flex;flex-direction:column;gap:10px}.fmsg{max-width:88%;font-size:13px;line-height:1.5;padding:8px 12px;border-radius:12px}.fmsg.bot{align-self:flex-start;background:var(--mist);color:var(--text);border-radius:12px 12px 12px 3px}.fmsg.user{align-self:flex-end;background:var(--teal);color:#fff;border-radius:12px 12px 3px 12px}.fchips{display:flex;flex-wrap:wrap;gap:6px;padding:4px 14px 10px}.fchips button{font-size:11px;font-weight:600;color:var(--teal-deep);border:1.5px solid var(--line);border-radius:999px;padding:5px 10px;background:#fff;cursor:pointer}.fchips button:hover{background:var(--mint-soft);border-color:var(--mint)}.fab-in{display:flex;gap:8px;padding:11px;border-top:1px solid var(--line);background:#FBFDFC}.fab-in input{flex:1 1;border:1.5px solid var(--line);border-radius:999px;padding:9px 14px;font-size:13px;background:#fff}.fab-in input:focus{outline:none;border-color:var(--teal)}.fab-send{width:36px;height:36px;border-radius:50%;background:var(--teal);color:#fff;display:grid;place-items:center;flex:none;cursor:pointer}.toast{position:fixed;bottom:26px;left:50%;transform:translate(-50%,20px);background:var(--teal-ink);color:#fff;padding:12px 20px;border-radius:11px;font-size:13.5px;box-shadow:var(--sh-lg);opacity:0;pointer-events:none;transition:.28s;z-index:95}.toast.show{opacity:1;transform:translate(-50%)}.doc-row{display:flex;align-items:center;gap:13px;padding:13px 4px;border-bottom:1px solid var(--line-soft)}.doc-row:last-child{border-bottom:none}.doc-row .doc-ic{width:32px;height:32px;border-radius:9px;background:var(--mint-soft);color:var(--teal);padding:7px;display:grid;place-items:center}.doc-row .t{flex:1 1}.doc-row .t b{display:block;font-size:13.5px;color:var(--teal-ink)}.doc-row .t span{font-size:11.5px;color:var(--dim)}.stars{display:flex;gap:2px;color:var(--amber)}#login-bg{min-height:100vh;display:grid;place-items:center;padding:32px 20px;position:relative;overflow:hidden;background:radial-gradient(900px 500px at 15% -10%,#DCF1EE 0,transparent 60%),radial-gradient(700px 480px at 105% 110%,#DCF1EE 0,transparent 60%),var(--mist)}.auth-card{width:100%;max-width:392px;position:relative;z-index:1}.auth-card .brand{display:flex;justify-content:center;margin-bottom:34px}.auth-box{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);padding:34px 32px;box-shadow:var(--sh-md)}.auth-box h1{font-size:22px;color:var(--teal-ink);text-align:center}.auth-box .sub{font-size:13.5px;margin:7px 0 26px}.auth-box .sub,.auth-foot{text-align:center;color:var(--dim)}.auth-foot{margin-top:22px;font-size:12px;line-height:1.7}.auth-secure{align-items:center;gap:7px;font-size:11.5px;color:var(--dim);margin-top:18px}.auth-secure,.otp-row{display:flex;justify-content:center}.otp-row{gap:9px;margin:6px 0 20px}.otp-box{width:44px;height:52px;text-align:center;font-family:var(--f-m);font-size:20px;border:1.5px solid var(--line);border-radius:10px;background:#FBFDFC}.otp-box:focus{outline:none;border-color:var(--teal);background:#fff;box-shadow:0 0 0 3.5px rgba(22,125,122,.12)}.mobile-nav{display:none;position:fixed;bottom:0;left:0;right:0;height:64px;background:rgba(255,255,255,.96);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line);z-index:50;align-items:center;justify-content:space-around;padding:0 8px}.mnav-btn{display:flex;flex-direction:column;align-items:center;gap:3px;color:var(--dim);font-size:10.5px;font-weight:600;background:none;border:none;cursor:pointer;padding:8px 20px;border-radius:10px;transition:color .15s;flex:1 1}.mnav-btn.active{color:var(--teal)}.mnav-btn svg{width:22px;height:22px}.mnav-fab-btn{position:relative;top:-20px;width:56px;height:56px;border-radius:50%;background:var(--teal);color:#fff;display:grid;place-items:center;box-shadow:0 10px 24px rgba(22,125,122,.38);border:4px solid var(--mist);cursor:pointer;flex-shrink:0;transition:background .15s,transform .15s}.mnav-fab-btn:active{transform:scale(.94)}@media (max-width:640px){.page{padding:22px 16px 110px}.p-hero{padding:22px}.two-col{grid-template-columns:1fr}.topbar{padding:0 14px}.mobile-nav{display:flex}.fab-desktop,.pill-btn{display:none}.fab-panel{bottom:72px;right:0;left:0;width:100%;border-radius:var(--r-lg) var(--r-lg) 0 0;height:min(88vh,520px)}}