:root{color-scheme:dark;--bg:#101012;--panel:#19191d;--field:#141416;--border:#2b2c31;--green:#7da3e4;--ink:#f1f2f4;--muted:#8d9099}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:var(--bg);color:var(--ink);font:14px system-ui,-apple-system,sans-serif}button,input,textarea,select{font:inherit}button,a.button{cursor:pointer;border:1px solid var(--border);border-radius:8px;padding:12px 16px;color:var(--ink);background:#232329;font-weight:600;text-decoration:none;display:inline-block}button:hover,a.button:hover{filter:brightness(1.15)}button:disabled{opacity:.45;cursor:wait}button:focus-visible,input:focus,textarea:focus,select:focus,a:focus-visible{outline:2px solid var(--green);outline-offset:3px}aside{position:fixed;inset:0 auto 0 0;width:250px;background:#131315;border-right:1px solid var(--border);padding:30px 18px;z-index:2}.brand{display:flex;gap:5px;align-items:center;color:white;text-decoration:none}.brand img{width:87px;height:70px;object-fit:cover}.brand div{font-size:16px;letter-spacing:2px;font-weight:850;line-height:1.1}.brand div>span{display:block;color:var(--green)}.brand small{display:block;font-size:7px;letter-spacing:1.3px;color:#92949a;margin-top:9px}.nav-label{font-size:8px;letter-spacing:1.6px;color:#62656e;margin:45px 14px 16px}.nav{display:flex;align-items:center;width:100%;gap:11px;text-align:left;padding:14px 12px;border-color:transparent;background:transparent;color:#a0a2aa;font-size:12px;margin:6px 0}.nav>span{font-size:18px}.nav i{font-style:normal;font-size:9px;color:#5b5f66;margin-left:auto}.nav.active{background:#20242a;color:var(--green);border-color:#2d3748}.aside-bottom{position:absolute;bottom:26px;left:27px;right:22px}.live-dot{font-size:8px;letter-spacing:1.7px;color:var(--green)}.live-dot:before{content:'● ';font-size:8px}.aside-bottom strong{display:block;font-size:19px;line-height:1.45;margin:16px 0;font-weight:600;letter-spacing:-.5px}.aside-bottom p{font-size:10px;line-height:1.7;color:#747781}.aside-bottom .quiet{font-size:10px;padding:9px 0}.import-label{font-size:10px;cursor:pointer;padding:9px 0}main{margin-left:250px;padding:0 42px;max-width:1700px}header{height:77px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;color:#a3a5ae;font-size:10px;letter-spacing:.6px}header b{color:#464950;margin:0 16px;font-weight:400}.local-pill{font-size:9px;color:#8b9c89;padding:7px 11px;border:1px solid #2c3139;border-radius:20px;background:#16191d}.heading{display:flex;justify-content:space-between;align-items:center;margin:35px 0 29px;gap:20px}.eyebrow{font-size:8px;letter-spacing:2px;font-weight:650;color:#8b9bb6}h1{font-size:40px;letter-spacing:-1.6px;line-height:1.16;font-weight:600;margin:12px 0}h1 em{font-style:normal;color:var(--green)}p{color:var(--muted);line-height:1.65;font-size:12px}.heading p{margin:13px 0 0}.heading>button{font-size:12px;white-space:nowrap}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:22px;align-items:start}.panel{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:25px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:21px}.section-title>div{display:flex;align-items:center;gap:10px}h2{font-size:14px;letter-spacing:-.2px;margin:0}.step{font-size:9px;color:var(--green);border:1px solid #343a45;padding:5px 6px;border-radius:5px}.muted{font-size:10px;color:var(--muted)}.grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}label{font-size:10px;font-weight:550;color:#a0a3ac;display:block}input,textarea,select{display:block;font-size:12px;color:#e6e8ed;background:var(--field);border:1px solid #32333b;border-radius:6px;padding:11px;width:100%;margin-top:7px}input::placeholder,textarea::placeholder{color:#626772}input[type=checkbox]{accent-color:var(--green)}input[type=date]{color:#b4b8c1}.wide{grid-column:1/-1}.divider{border-top:1px solid var(--border);padding-top:24px;margin-top:27px}.toolstrip{display:flex;gap:8px;justify-content:space-between;flex-wrap:wrap;margin-bottom:14px}.compact{font-size:10px;padding:10px 12px}.quiet{border-color:transparent;background:transparent;color:#99a7be}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:550px}th{text-align:left;font-size:8px;color:#737986;letter-spacing:.6px;font-weight:600;padding:8px 5px 9px 0}td{padding:10px 6px 10px 0;border-bottom:1px solid #292a31;vertical-align:top}td:first-child{width:35%;min-width:150px}td:nth-child(2){width:10%;min-width:54px}td:nth-child(3){width:12%;min-width:59px}td:nth-child(4){width:20%;min-width:85px}td input{margin-top:0;padding:9px 6px}td select{border:0;background:transparent;padding:5px 0 0;font-size:9px;color:#7f92b4;margin:3px 0 0}td .amount{display:block;padding-top:10px;font-size:11px;white-space:nowrap}td .amount small{font-size:8px;color:#7a90b6;display:block;margin-top:4px}.icon,.remove{border:0;background:transparent;padding:6px;color:#808691;font-size:20px}.add{width:100%;border:1px dashed #3d4758;background:#1c2026;color:#a6bce1;font-size:11px;margin-top:10px}.micro{font-size:9px;color:#797f8b;line-height:1.6}.private-box{margin-top:25px;border:1px solid #2f3643;background:#191c20;border-radius:9px;padding:18px}.private-box .section-title{margin-bottom:10px}.private-box h2{font-size:12px}.private-box p{font-size:10px;margin:10px 0 15px}.badge{font-size:8px;padding:5px 7px;border:1px solid #3a4136;color:#98a3b5;border-radius:5px;white-space:nowrap}.lock{color:#839dcb}.cost-row{display:grid;grid-template-columns:1fr 115px 26px;gap:8px;margin:8px 0}.cost-row input{margin:0;font-size:11px}.check{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:400}.check input{width:auto;margin:0}.distribute{line-height:1.6;margin:17px 0 10px}.allocation{font-size:10px;color:#839dcb;line-height:1.65}.allocation.warn{color:#edc07c}textarea{resize:vertical}details{margin-top:22px;color:#a8adb8;font-size:11px}details summary{cursor:pointer;list-style:none;padding-bottom:10px}details summary span{float:right;font-size:9px;color:#8698b8}details .grid{margin-top:12px}.summary{border-top:2px solid var(--green)}.summary h2{font-size:27px;letter-spacing:-.6px;margin:13px 0 27px}.summary-line{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:20px 0;color:#959ca8;font-size:11px}.summary-line b{font-size:12px;color:#e9ebef}.summary-line small{display:block;font-size:8px;color:#666e79;margin-top:4px}.total-net{border-top:1px solid var(--border);padding-top:20px}.grand{padding:22px 0 26px;border-top:1px solid var(--border);display:flex;justify-content:space-between;gap:10px;align-items:center}.grand span{font-size:10px}.grand small{display:block;font-size:8px;color:#707783;margin-top:7px}.grand strong{font-size:27px;letter-spacing:-1px;color:var(--green)}.primary{background:linear-gradient(110deg,#91b1e8,#4d80d9);color:#0e1727;border-color:transparent;width:100%}.secondary{background:#202126;border-color:#393b44}.full{width:100%;margin-top:10px}.auto{width:auto}.hint{font-size:9px;line-height:1.6;color:#777f8d;text-align:center}.share-row{display:flex;gap:8px;margin-top:10px}.share-row button{flex:1}.share-row .full{margin:0}.supplier-block{border-top:1px solid var(--border);margin-top:22px;padding-top:20px}.supplier-block strong{font-size:11px;color:#c3c9d3}.supplier-block p{font-size:10px}.history{margin-top:20px}.history h2{font-size:12px}.history-row{display:flex;justify-content:space-between;gap:10px;border-top:1px solid var(--border);padding:14px 0}.history-row button:first-child{border:0;background:transparent;padding:0;text-align:left;font-size:11px;min-width:0}.history-row small{display:block;color:#808896;font-size:9px;white-space:normal;font-weight:400;margin-top:5px}.history>input{margin-bottom:15px;font-size:10px}.empty{text-align:center;padding:38px 20px;border:1px dashed #363941;border-radius:9px;color:#838b99;font-size:12px;line-height:1.7}.empty strong{display:block;font-size:19px;color:#d2d6df;margin-bottom:8px}.history .empty{font-size:10px;border:0;padding:18px 0}.notice{border:1px solid #313844;border-radius:10px;background:linear-gradient(90deg,#1d2129,#181b18);padding:22px;display:flex;gap:20px;align-items:center;margin-bottom:25px}.notice>span{color:var(--green);font-size:30px}.notice b{font-size:13px}.notice p{font-size:11px;margin:7px 0 0}.notice.subtle{background:transparent;border-color:var(--border);margin-top:25px}.notice.subtle p{margin:0}.filter-bar{display:flex;align-items:center;gap:14px;margin:22px 0}.filter-bar>input{max-width:420px;margin:0;flex:1}.filter-bar label{flex:0 1 150px}.filter-bar label input{margin-top:3px}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.cards>.empty{grid-column:1/-1}.template-card{padding:24px}.template-card .card-top{display:flex;align-items:start;justify-content:space-between;gap:15px}.card-mark{height:38px;width:38px;display:grid;place-items:center;color:var(--green);background:#1e2634;border:1px solid #324057;border-radius:8px;font-size:20px}.template-card h3{font-size:18px;letter-spacing:-.5px;margin:18px 0 10px}.template-card p{font-size:11px;min-height:18px}.template-card .tags{display:flex;gap:7px;margin-top:15px}.card-bottom{border-top:1px solid var(--border);margin-top:20px;padding-top:18px;display:flex;justify-content:space-between;gap:12px;align-items:center}.card-bottom strong{color:var(--green);font-size:20px}.card-bottom small{display:block;font-size:8px;color:#818b99;margin-bottom:5px}.card-actions{display:flex;gap:7px;margin-top:15px;flex-wrap:wrap}.card-actions .primary{flex:1}.card-actions button{font-size:10px}.stats{display:grid;grid-template-columns:2fr 1fr 1fr;gap:18px;margin:28px 0}.stats .panel{padding:23px}.stats span{font-size:9px;letter-spacing:1px;color:#7d8792}.stats strong{display:block;font-size:29px;margin-top:13px;font-weight:550}.stats>div:first-child strong{color:var(--green)}.expense-list{display:grid;gap:12px}.expense-row{display:grid;grid-template-columns:62px 1fr auto;gap:18px;align-items:center;padding:20px}.receipt-thumb{height:62px;width:62px;object-fit:cover;border-radius:6px;background:#262a2b;border:1px solid #3b4138;display:grid;place-items:center;font-size:23px;color:#616b7c;padding:0;overflow:hidden}.receipt-thumb img{width:100%;height:100%;object-fit:cover}.expense-row h3{font-size:13px;margin:0 0 7px}.expense-row p{font-size:10px;margin:4px 0}.expense-row .expense-money{font-size:20px;font-weight:600;text-align:right}.expense-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;margin-top:8px}.expense-actions button{font-size:9px;padding:7px}.choose-row{padding:16px 0;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;gap:15px}.choose-row strong{font-size:13px}.choose-row small{display:block;color:var(--muted);font-size:10px;margin-top:5px}.choose-row label{max-width:90px}.choose-row input{margin-top:3px}.choose-row>div:last-child{display:flex;gap:10px;align-items:end}dialog{width:min(820px,calc(100% - 28px));max-height:90vh;background:#1b1c21;color:var(--ink);border:1px solid #45494f;border-radius:14px;padding:28px}dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:25px}.dialog-heading h2{font-size:20px;margin-top:9px}.dialog-heading .icon{font-size:25px}dialog label{margin-bottom:15px}dialog textarea{margin-top:7px}.dialog-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:25px;padding-top:20px;border-top:1px solid var(--border)}.upload{border:1px dashed #424d60;border-radius:9px;padding:17px;color:#a6badc;background:#1c2028}.upload small{display:block;font-size:9px;margin-top:10px;color:#87947f}.upload input{padding:8px;font-size:10px}#photo-preview img{max-width:100%;max-height:200px;border-radius:8px}#receipt-dialog{text-align:center;width:min(760px,calc(100% - 28px))}#receipt-image{max-width:100%;max-height:65vh;object-fit:contain;display:block;margin:0 auto 20px}.button.primary{width:auto;font-size:12px}#toast{display:none;position:fixed;left:50%;bottom:25px;transform:translateX(-50%);background:#b0c7ee;color:#172133;padding:15px 23px;border-radius:10px;font-size:12px;z-index:20;box-shadow:0 8px 40px #0006;max-width:90vw}footer{padding:30px 0;color:#5d646f;font-size:8px;letter-spacing:1.5px}footer span{float:right;font-size:7px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(min-width:1550px){main{padding:0 65px}.workspace{grid-template-columns:minmax(0,1fr) 360px}}@media(max-width:1200px){aside{width:218px;padding:26px 12px}main{margin-left:218px;padding:0 24px}.workspace{grid-template-columns:minmax(0,1fr) 300px;gap:18px}.panel{padding:20px}.brand img{width:70px}.brand div{font-size:14px}.nav{font-size:11px}.aside-bottom{left:23px}}@media(max-width:1000px){.workspace{grid-template-columns:1fr}.right{display:grid;grid-template-columns:1fr 1fr;gap:20px}.history{margin:0}h1{font-size:36px}.cards{grid-template-columns:1fr}.expense-row{grid-template-columns:50px 1fr}.expense-row>div:last-child{grid-column:2}.expense-row .expense-money{text-align:left}.expense-actions{justify-content:flex-start}.filter-bar{flex-wrap:wrap}.stats strong{font-size:25px}}@media(max-width:760px){aside{position:static;width:100%;padding:10px 18px;border-bottom:1px solid var(--border)}.brand img{height:56px;width:76px}.brand div{font-size:13px}.brand small{font-size:6px}.aside-bottom,.nav-label{display:none}nav{display:flex;gap:8px;margin-top:8px}.nav{font-size:10px;justify-content:center;gap:7px;padding:10px 7px;margin:0}.nav i{display:none}.nav span{font-size:15px}main{margin:0;padding:0 19px}header{height:55px;font-size:8px}.local-pill{font-size:8px}header b{margin:0 8px}.heading{margin:27px 0;align-items:flex-start}h1{font-size:33px}.heading>button{font-size:10px;padding:10px;margin-top:25px}.heading p{font-size:11px}.eyebrow{font-size:7px}.right{gap:16px}.stats{gap:10px}.stats .panel{padding:16px}.stats span{font-size:7px;letter-spacing:.5px}.stats strong{font-size:24px}.expense-row{padding:16px}}@media(max-width:560px){main{padding:0 12px}.right{display:block}.history{margin-top:18px}.heading{display:block}.heading>button{margin-top:18px}.panel{padding:18px}.section-title .muted{display:none}.grid{gap:13px}.private-box{padding:14px}.private-box .badge{font-size:7px}.cost-row{grid-template-columns:minmax(0,1fr) 92px 23px;gap:5px}.cost-row input{font-size:10px;padding:9px 6px}.heading h1 br{display:none}.heading h1{font-size:34px}.nav{font-size:9px;padding:9px 4px;gap:5px}.nav>span{font-size:13px}.brand{justify-content:center}.stats{grid-template-columns:1fr 1fr}.stats>div:first-child{grid-column:1/-1}.stats>div:first-child strong{font-size:32px}.stats .panel{padding:17px}.stats strong{margin-top:8px}.filter-bar>input{flex-basis:100%;max-width:none}.filter-bar{gap:10px}.filter-bar label{flex:1 1 120px}.expense-row{gap:12px}.expense-row h3{font-size:12px}.expense-row p{font-size:9px}.notice{padding:17px;gap:13px}.notice>span{font-size:22px}.notice b{font-size:11px}dialog{padding:19px}.dialog-heading h2{font-size:17px}footer span{display:none}.choose-row{align-items:start;flex-direction:column}.choose-row>div:last-child{width:100%;justify-content:space-between}.grand strong{font-size:30px}}
/* Client ledgers, document review and detailed items */
.heading-actions{display:flex;gap:10px;flex-wrap:wrap}.heading-actions button{font-size:11px}.client-section{margin:0 0 25px}.client-section>.section-title{margin-bottom:13px}.client-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.client-cards>.empty{grid-column:1/-1;padding:22px}.client-card{padding:18px}.client-card .card-top{display:flex;align-items:start;justify-content:space-between;gap:10px}.client-card h3{font-size:13px;margin:0;overflow-wrap:anywhere}.client-card p{font-size:10px;margin:8px 0}.client-card>strong{display:block;font-size:24px;color:var(--green);margin:13px 0}.client-card .quiet{font-size:9px;padding:0}.client-card>button{width:100%;margin-top:8px}.expense-stats{grid-template-columns:1.4fr 1fr 1fr 1fr}.expense-stats strong{font-size:24px}.expense-stats strong b{font-weight:500}.expense-filters{flex-wrap:wrap;align-items:end}.expense-filters>input{flex:1 1 230px;min-width:180px;order:1}.expense-filters>label{flex:1 1 145px}.expense-filters>button{order:2}.expense-report-bar{border:1px solid var(--border);border-radius:10px;padding:20px;display:flex;justify-content:space-between;gap:25px;margin-bottom:15px;background:#181c17}.expense-report-bar>div:first-child{max-width:55%}.expense-report-bar .micro{margin-bottom:0}.expense-report-bar .check{margin-bottom:12px}.expense-report-bar button{margin:3px 3px 0 0}.payment-badge{display:inline-block;padding:4px 7px;font-size:8px;border-radius:5px;margin-bottom:4px;border:1px solid #555d68;color:#a7b0bf;background:#272a31}.payment-badge.paid{border-color:#394a67;background:#1f2734;color:#91b1e8}.payment-badge.pending{border-color:#6b5932;background:#30291c;color:#efc76b}.expense-actions{max-width:380px}.material-action{color:var(--green);border-color:#34425b}.preview-main{margin-top:0;margin-bottom:10px}.item-detail{margin-top:9px;font-size:9px}.item-detail summary{font-size:9px;padding:0;color:#8392ac}.item-detail textarea{font-size:10px;margin-top:7px;min-width:140px}.partial-warning{color:#edc476;font-size:10px;padding:10px;border:1px solid #64552b;border-radius:7px;background:#28241a}.materials-table{margin-top:23px;min-width:380px}.materials-table td:first-child{width:64%}.materials-table td:nth-child(2){width:15%}.materials-table td:nth-child(3){width:17%}.materials-table textarea{font-size:11px;padding:9px;margin-top:8px}.preview-actions{display:flex;gap:10px;flex-wrap:wrap}.preview-actions button,.preview-actions a{font-size:11px}#pdf-preview-dialog{width:min(1050px,calc(100% - 22px));height:94vh;max-height:94vh;padding:22px}#pdf-preview-dialog .dialog-heading{margin-bottom:14px}#preview-frame{display:block;width:100%;height:calc(100% - 155px);min-height:300px;border:1px solid var(--border);border-radius:6px;background:white}#preview-open{display:inline-block}#expenses .heading h1{white-space:normal}@media(max-width:1200px){.client-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.expense-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.expense-stats strong{font-size:25px}}@media(max-width:760px){nav{display:grid;grid-template-columns:1fr 1fr}.nav{justify-content:flex-start;padding-left:12px}.client-cards{grid-template-columns:1fr 1fr}.expense-report-bar{display:block}.expense-report-bar>div:first-child{max-width:none}.expense-report-bar>div:last-child{margin-top:18px}.heading-actions{margin-top:18px}}@media(max-width:560px){.client-cards{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:10px}.client-card{min-width:245px;scroll-snap-align:start}.expense-stats>div:first-child{grid-column:auto}.expense-stats .panel strong,.expense-stats>div:first-child strong{font-size:22px}.expense-stats span{font-size:7px}.heading-actions{display:grid;grid-template-columns:1fr 1fr}.heading-actions button{padding:10px;font-size:10px}.preview-actions{display:grid;grid-template-columns:1fr}.preview-actions .primary{width:100%}#pdf-preview-dialog{padding:15px}#preview-frame{height:calc(100% - 200px)}.expense-actions{max-width:none}}
@media(max-width:760px){
*,*::before,*::after{box-sizing:border-box}
html,body{max-width:100%;overflow-x:clip}
main,.view,.workspace,.right,.panel,.grid,.grid>*,.editor,.table-wrap,.filter-bar,.filter-bar>*{min-width:0}
.workspace,.right{display:grid;grid-template-columns:minmax(0,1fr)}
.history{margin-top:0}.heading{display:block}
.brand img{width:76px;height:44px;object-fit:contain}.brand{justify-content:center}
.table-wrap{overflow:visible}table,.materials-table,tbody{display:block;width:100%;min-width:0}
thead{display:none}tbody tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:12px;margin:10px 0;border:1px solid var(--border);border-radius:9px}
tbody tr td:nth-child(n){display:block;width:auto;min-width:0;border:0;padding:0}
tbody tr td:first-child{grid-column:1/-1}td::before{display:block;font-size:10px;color:#a5a9ae;margin-bottom:3px}
td:nth-child(2)::before{content:'Unidad'}td:nth-child(3)::before{content:'Cantidad'}
#items td:nth-child(4)::before,#template-items td:nth-child(4)::before{content:'Precio neto'}
#items td:nth-child(5)::before{content:'Subtotal'}td:last-child{text-align:right;grid-column:1/-1}
td input,td textarea,.item-detail textarea{max-width:100%;min-width:0}
.client-cards,.cards,.stats,.expense-stats{display:grid;grid-template-columns:minmax(0,1fr);overflow:visible}
.client-card,.expense-row,.expense-row>div,.private-box{min-width:0}.expense-row{grid-template-columns:42px minmax(0,1fr)}.receipt-thumb{width:42px;height:42px}
dialog{min-width:0;max-width:calc(100vw - 20px)}.grid input,.grid select,.filter-bar input,select{min-width:0}
h1,h2,h3,p,.amount,.grand strong,.summary-line b{overflow-wrap:anywhere}
.aside-bottom{display:block;position:static;margin-top:5px;text-align:center}.aside-bottom strong,.aside-bottom p,.aside-bottom .live-dot{display:none}.aside-bottom .quiet,.aside-bottom .import-label{display:inline-block;padding:4px 10px}
}

.photo-options{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0}.photo-options label{position:relative;flex:1;min-width:105px;text-align:center;padding:12px 8px;border:1px solid #475874;border-radius:7px;color:#bbcef0;cursor:pointer;margin:0}.photo-options input{position:absolute;inset:0;width:100%;height:100%;opacity:0;margin:0;cursor:pointer}.photo-options label:focus-within{outline:2px solid var(--green)}
html,body,.table-wrap,dialog{scrollbar-width:none}
html::-webkit-scrollbar,body::-webkit-scrollbar,.table-wrap::-webkit-scrollbar,dialog::-webkit-scrollbar{display:none}
.mobile-toolbar{display:none}
@media(max-width:760px){
.mobile-toolbar{display:flex;align-items:center;gap:12px;position:sticky;top:0;z-index:3;background:#131315;border-bottom:1px solid #333;padding:8px 16px;font-size:12px;letter-spacing:1px}
.mobile-toolbar img{width:46px;height:28px;object-fit:contain}
#menu-open{margin-left:auto;padding:8px 12px}
#mobile-drawer{position:fixed;inset:0 auto 0 0;margin:0;padding:12px 14px;width:min(315px,85vw);height:100%;max-height:100%;max-width:none;border-radius:0;background:#131315;border:0;border-right:1px solid #363839}
#mobile-drawer::backdrop{background:#0009;backdrop-filter:none}
#mobile-drawer aside{width:100%;padding:10px 0;border:0}
#mobile-drawer nav{display:grid;grid-template-columns:1fr;margin:24px 0}
#mobile-drawer .nav{font-size:13px;min-height:46px}
#menu-close{display:block;margin-left:auto}
@media(prefers-reduced-motion:no-preference){
.item-enter{animation:item-appear 180ms ease-out}
#mobile-drawer[open]{animation:drawer-in 170ms ease-out}
@keyframes item-appear{from{opacity:.65;transform:translateY(5px)}to{opacity:1;transform:none}}
@keyframes drawer-in{from{transform:translateX(-100%)}to{transform:none}}
}}