:root{--bg:#f4f7f4;--card:#fff;--ink:#0f1f14;--mut:#5b6b60;--line:#e2e8e3;--acc:#16a34a;--acc2:#15803d;--fert:#d97706;--spray:#0284c7;--warn:#b45309;--warnbg:#fff7ed;--mark:#fde68a;--r:16px}
body.dark{--bg:#0b120e;--card:#131d17;--ink:#e7f2ea;--mut:#93a89a;--line:#24342a;--acc:#22c55e;--acc2:#16a34a;--warnbg:#2a1d0c;--warn:#fbbf24;--mark:#854d0e}
body{background:var(--bg)!important;color:var(--ink);transition:background .25s,color .25s;-webkit-tap-highlight-color:transparent}
body.dark .bg-white,body.dark .bg-gray-50,body.dark .bg-gray-100{background:var(--card)!important;color:var(--ink)}
body.dark header,body.dark nav{background:#0f1a13!important;border-color:var(--line)!important}
body.dark .text-gray-400,body.dark .text-gray-500,body.dark .text-gray-600{color:var(--mut)!important}
body.dark .text-gray-700,body.dark .text-gray-800,body.dark .text-gray-900,body.dark .text-green-900,body.dark .text-green-800{color:var(--ink)!important}
body.dark .border,body.dark .border-gray-200,body.dark .border-gray-300{border-color:var(--line)!important}
body.dark input,body.dark select,body.dark textarea{background:#0e1712;color:var(--ink);border-color:var(--line)}
body.dark .bg-amber-50{background:var(--warnbg)!important}
body.dark .more-menu{background:var(--card)!important}
body.dark .nav-btn-more{color:var(--ink)}
.view-in{animation:vin .28s ease}@keyframes vin{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
#gs-bar{position:sticky;top:56px;z-index:45;padding:8px 12px;background:linear-gradient(var(--bg),var(--bg) 70%,transparent)}
.gs-wrap{max-width:72rem;margin:0 auto;display:flex;align-items:center;gap:8px;background:var(--card);border:1px solid var(--line);border-radius:999px;padding:4px 6px 4px 14px;box-shadow:0 4px 18px rgba(0,0,0,.07)}
.gs-wrap:focus-within{border-color:var(--acc);box-shadow:0 0 0 4px rgba(34,197,94,.18)}
#gs-input{flex:1;border:0!important;outline:0;background:transparent!important;font-size:16px;padding:10px 4px;min-width:0;color:var(--ink)}
.gs-btn{width:44px;height:44px;border-radius:999px;font-size:20px}.gs-btn:hover{background:rgba(0,0,0,.05)}
#gs-results{max-width:72rem;margin:6px auto 0;background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:0 18px 50px rgba(0,0,0,.18);max-height:70vh;overflow:auto;animation:vin .15s}
.gs-gh{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--mut);padding:10px 14px 4px;display:flex;gap:6px}.gs-gh span{background:var(--line);border-radius:99px;padding:0 7px}
.gs-item{display:block;width:100%;text-align:left;padding:10px 14px;min-height:52px;border-top:1px solid var(--line)}
.gs-item:hover,.gs-sel{background:rgba(34,197,94,.12)}.gs-t{font-weight:600}.gs-s{font-size:13px;color:var(--mut)}
mark{background:var(--mark);color:inherit;border-radius:3px;padding:0 1px}.gs-empty{padding:18px;color:var(--mut)}
kbd{border:1px solid var(--line);border-bottom-width:2px;border-radius:5px;padding:0 6px;font-size:12px;background:var(--card)}
.muted{color:var(--mut)}
.hero{padding:18px 4px 6px}.hero h1{font-size:28px;font-weight:800;letter-spacing:-.02em;background:linear-gradient(90deg,var(--acc),#65a30d);-webkit-background-clip:text;background-clip:text;color:transparent}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin:12px 0}
.stat{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:14px;transition:transform .15s}.stat:hover{transform:translateY(-2px)}
.stat b{display:block;font-size:30px;font-weight:800;color:var(--acc)}.stat span{font-size:12px;color:var(--mut);text-transform:uppercase;letter-spacing:.05em}
.qa{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:12px 0}
.qa button,.primary{background:var(--acc2);color:#fff;border-radius:14px;min-height:56px;padding:10px 16px;font-weight:700;box-shadow:0 6px 16px rgba(22,163,74,.25);transition:transform .12s,filter .12s}
.qa button:active,.primary:active{transform:scale(.97)}.qa button:hover,.primary:hover{filter:brightness(1.08)}
.qa button:nth-child(2){background:var(--fert);box-shadow:0 6px 16px rgba(217,119,6,.25)}.qa button:nth-child(3){background:#475569}.qa button:nth-child(4){background:var(--spray)}
.ghost{border:1px solid var(--line);border-radius:14px;min-height:48px;padding:8px 16px}
.panel{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:14px;margin:12px 0}.panel h3{font-weight:700;margin-bottom:8px;display:flex;gap:8px;align-items:center}
.warnp{background:var(--warnbg);border-color:#f59e0b55}.pill{background:#f59e0b;color:#fff;border-radius:99px;font-size:12px;padding:0 8px}
.two{display:grid;gap:12px}@media(min-width:800px){.two{grid-template-columns:1fr 1fr}.two .panel{margin:0}}
.li{display:block;width:100%;text-align:left;padding:10px;border-radius:12px;min-height:48px}.li:hover{background:rgba(34,197,94,.08)}.li b{display:block}.li span{font-size:13px;color:var(--mut)}
.fcloud{display:flex;flex-wrap:wrap;gap:8px}
.fchip{border:1px solid var(--line);background:var(--bg);border-radius:999px;padding:8px 14px;min-height:40px;font-size:14px;font-weight:600;transition:all .15s}.fchip:hover{border-color:var(--acc);color:var(--acc)}.fchip i{font-style:normal;background:var(--acc);color:#fff;border-radius:99px;padding:0 6px;font-size:11px;margin-left:4px}
.classic{margin-top:18px;opacity:.9}.classic>summary{cursor:pointer;color:var(--mut);padding:10px 0;font-size:14px}
.xbar{display:flex;gap:8px;overflow-x:auto;padding:4px 0 10px;scrollbar-width:none}.xbar::-webkit-scrollbar{display:none}
.xq{min-width:140px;border:1px solid var(--line);border-radius:999px;padding:8px 14px;background:var(--card)}
.xchip{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;border:1px solid var(--line);background:var(--card);border-radius:999px;padding:4px 6px 4px 12px;min-height:44px;font-size:13px;transition:all .15s}
.xchip span{color:var(--mut);font-weight:600}.xchip select,.xchip input{border:0;background:transparent;font-weight:600;max-width:150px;padding:4px;color:var(--ink)}.xchip input[type=date]{max-width:130px}
.xchip.on{border-color:var(--acc);background:rgba(34,197,94,.12)}.xchip.on span{color:var(--acc)}
.xclear{flex:0 0 auto;border-radius:999px;padding:0 14px;min-height:44px;background:#ef444422;color:#dc2626;font-weight:700}
.xcount{font-size:13px;color:var(--mut);margin:0 2px 8px}.xcount b{color:var(--ink);font-size:16px}
.xlist{display:grid;gap:10px}@media(min-width:900px){.xlist{grid-template-columns:1fr 1fr}}
.xempty{padding:30px;text-align:center;color:var(--mut);border:2px dashed var(--line);border-radius:var(--r)}
.rcard{background:var(--card);border:1px solid var(--line);border-left:5px solid var(--spray);border-radius:var(--r);padding:12px 14px;transition:box-shadow .2s,transform .2s;animation:vin .25s}
.rcard.fert{border-left-color:var(--fert)}.rcard:hover{box-shadow:0 10px 26px rgba(0,0,0,.09)}
.rcard.flash{animation:flash 1.6s}@keyframes flash{0%,40%{box-shadow:0 0 0 4px var(--acc)}100%{box-shadow:none}}
.rtop{display:flex;justify-content:space-between;font-size:12px}.rtag{font-weight:700;color:var(--mut)}.rdate{font-weight:700}
.rtitle{font-weight:700;font-size:16px;margin:4px 0}.rmeta{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0}.rmeta .fchip{padding:4px 10px;min-height:32px;font-size:12px}
.rmeta2{font-size:13px;color:var(--mut)}.rrem{font-size:13px;margin-top:6px;padding:8px 10px;border-radius:10px;background:var(--bg)}.rrem.warn{background:var(--warnbg);color:var(--warn)}
.ract{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.pdfb,.attb,.openb{border-radius:12px;padding:8px 12px;min-height:44px;font-size:13px;font-weight:600;border:1px solid var(--line);cursor:pointer;display:inline-flex;align-items:center}
.pdfb{background:rgba(2,132,199,.1);color:var(--spray)}.attb{background:rgba(217,119,6,.12);color:var(--fert)}.openb{background:var(--bg)}
.fhead{display:flex;gap:12px;align-items:center;margin:6px 0 12px}.fhead h2{font-size:26px;font-weight:800}.backb{border:1px solid var(--line);border-radius:12px;min-height:44px;padding:0 14px;background:var(--card)}
.fgrid{display:grid;gap:12px}@media(min-width:800px){.fgrid{grid-template-columns:2fr 1fr}}
.fmap{height:240px;border-radius:var(--r);overflow:hidden;border:1px solid var(--line);background:var(--card);display:flex;align-items:center;justify-content:center}.nomap{color:var(--mut);padding:20px;text-align:center}
.fside{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;align-content:start}.fstat{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:10px;text-align:center}.fstat b{display:block;font-size:24px;color:var(--acc)}.fstat span{font-size:11px;color:var(--mut)}
.fpdfs{grid-column:1/-1;display:flex;flex-direction:column;gap:6px}.fpdfs h3{font-weight:700}
.yblock{margin:18px 0}.yhead{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px}.yhead h3{font-size:18px;font-weight:800}
.nut{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.nb{border:1px solid var(--line);border-radius:10px;padding:4px 10px;font-size:13px;color:var(--mut)}.nb.on{background:rgba(34,197,94,.14);color:var(--ink);border-color:var(--acc)}.nb b{color:var(--acc)}.nut small{color:var(--mut)}
.tl{position:relative;padding-left:22px;display:grid;gap:10px}.tl:before{content:'';position:absolute;left:7px;top:4px;bottom:4px;width:2px;background:var(--line)}
.tli{position:relative}.tli .dot{position:absolute;left:-20px;top:16px;width:12px;height:12px;border-radius:99px;background:var(--spray);box-shadow:0 0 0 3px var(--bg)}.tli.fert .dot{background:var(--fert)}
.ff .ffg{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.ff label{display:flex;flex-direction:column;font-size:12px;font-weight:600;color:var(--mut);gap:4px}.ff label.wide{grid-column:1/-1}
.ff input,.ff select,.ff textarea{border:1px solid var(--line);border-radius:10px;padding:10px;font-size:16px;background:var(--bg);color:var(--ink)}.ffb{display:flex;gap:10px;margin-top:12px}
#tabbar{display:none}
@media(max-width:768px){#tabbar{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;bottom:0;left:0;right:0;z-index:60;background:var(--card);border-top:1px solid var(--line);padding:4px 4px calc(4px + env(safe-area-inset-bottom));box-shadow:0 -6px 20px rgba(0,0,0,.08)}
 #tabbar button{display:flex;flex-direction:column;align-items:center;font-size:11px;font-weight:600;color:var(--mut);min-height:54px;justify-content:center;border-radius:12px}#tabbar button span{font-size:20px}#tabbar button.on{color:var(--acc);background:rgba(34,197,94,.1)}
 main{padding-bottom:96px!important}.hero h1{font-size:24px}}
body.dark :is(h2,h3,h4,.backb,label,p,summary){color:var(--ink)}body.dark .muted,body.dark .xchip span,body.dark .ff label{color:var(--mut)}
body.dark :is(.rcard,.rtitle,.rdate,.fchip,.gs-t,.li b,.fhead h2,.yhead h3,.xchip select,.xchip input,.xq,button){color:var(--ink)!important}body.dark :is(.rtag,.rmeta2,.gs-s,.li span,.xchip span){color:var(--mut)!important}body.dark .pdfb{color:#38bdf8!important}body.dark .attb{color:#fbbf24!important}body.dark .qa button,body.dark .primary{color:#fff!important}.xchip select{max-width:120px}
