:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#1a2b30;background:#f7faf9;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--teal:#087f70;--dark:#102f35;--muted:#64777a;--line:#e3ece9;--surface:#fff;--soft:#eef7f4;--orange:#e9964a}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}a{color:var(--teal);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4,p{margin-top:0}p{line-height:1.65}h1,h2,h3{letter-spacing:-.035em}h1{font-size:clamp(2.4rem,5vw,4.3rem);line-height:1.08}h2{font-size:clamp(1.5rem,2.6vw,2.1rem)}h3{font-size:1.16rem}small,.muted{color:var(--muted)}.container{max-width:1180px;margin:0 auto;padding:0 22px}.topbar{height:74px;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.navinner{display:flex;align-items:center;justify-content:space-between;height:100%;gap:18px}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--dark);font-size:1.35rem;font-weight:850;letter-spacing:-.065em;white-space:nowrap}.brand:hover{text-decoration:none}.brand-mark{width:36px;height:36px;border-radius:12px;background:var(--teal);display:grid;place-items:center;color:#fff;font-size:21px;font-weight:850}.brand-dot{color:var(--orange)}.navlinks,.navright,.actions,.chips,.stats,.inline{display:flex;align-items:center;gap:9px}.navlinks{gap:5px}.navbutton{border:0;border-radius:12px;background:transparent;padding:10px 13px;color:#4c6365;font-size:.92rem;font-weight:630}.navbutton:hover,.navbutton.active{background:var(--soft);color:var(--teal)}.button{background:var(--teal);color:#fff;border:1px solid var(--teal);padding:11px 17px;border-radius:12px;font-size:.91rem;font-weight:750;display:inline-flex;align-items:center;justify-content:center;gap:7px;transition:transform .15s,opacity .15s}.button:hover{transform:translateY(-1px);background:#066e63}.button.secondary{background:#fff;color:var(--teal);border-color:#d1e4df}.button.secondary:hover{background:var(--soft)}.button.dark{background:#143d41;color:#fff;border-color:#143d41}.button.ghost{background:transparent;color:#52666a;border-color:#dce7e3}.button.tiny{padding:7px 11px;font-size:.78rem;border-radius:9px}.button.warn{background:#c34848;border-color:#c34848}.avatar{width:36px;height:36px;border-radius:50%;background:#d8eee7;display:grid;place-items:center;color:#146956;font-weight:800;flex:none}.hero{margin-top:28px;padding:54px 56px 48px;background:radial-gradient(circle at 83% 25%,#1b756e 0,#145e5d 26%,transparent 58%),linear-gradient(120deg,#103e44,#092a35 85%);border-radius:28px;position:relative;overflow:hidden;color:#fff;box-shadow:0 14px 35px #123c3c12}.hero:after{content:"";position:absolute;right:-6%;bottom:-48%;width:420px;height:420px;border:1px solid #ffffff1f;border-radius:50%;box-shadow:0 0 0 58px #ffffff08,0 0 0 115px #ffffff06;pointer-events:none}.hero-content{max-width:700px;position:relative;z-index:1}.eyebrow{font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.15em;color:#90dcc9;margin-bottom:15px}.hero h1{margin-bottom:16px}.hero h1 em{font-style:normal;color:#f8cc8e}.hero p{color:#d3e5e0;font-size:1.07rem;max-width:600px;margin-bottom:28px}.hero-search{display:flex;gap:8px;max-width:680px;background:#fff;border-radius:16px;padding:7px;box-shadow:0 13px 30px #082d2d4d}.hero-search input{padding:11px 14px;border:none;flex:1;outline:none;min-width:40px;color:#173f43}.hero-search button{white-space:nowrap}.hero-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:19px}.hero-pills button{background:#ffffff18;border:1px solid #ffffff2a;color:#fff;border-radius:999px;font-size:.8rem;padding:8px 12px}.hero-pills button:hover{background:#ffffff30}.stats{gap:25px;margin-top:35px;flex-wrap:wrap}.stat strong{display:block;font-size:1.3rem}.stat span{color:#b3d1cb;font-size:.79rem}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin:34px 0 18px}.section-heading h2{margin:0}.layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:26px;align-items:start}.panel,.post,.plan-card,.empty,.notice{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 3px 14px #18382c05}.panel{padding:23px}.panel h3{margin-bottom:12px}.sidebar .panel{margin-bottom:16px}.sidebar-title{font-size:.95rem;font-weight:800;margin-bottom:13px}.filters{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 17px}.field,input,select,textarea{min-width:0}.field{display:flex;flex-direction:column;gap:7px;margin:0 0 15px}.field label{font-size:.82rem;font-weight:750;color:#344b4d}.field input,.field select,.field textarea,.filters input,.filters select{width:100%;border-radius:11px;border:1px solid #d7e4df;padding:12px 13px;background:#fff;color:#172e32;outline:none}.field textarea{min-height:155px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus,.filters input:focus,.filters select:focus{border-color:var(--teal);box-shadow:0 0 0 3px #087f701a}.field small{font-size:.74rem}.post{padding:22px;margin-bottom:13px;transition:box-shadow .2s}.post:hover{box-shadow:0 7px 24px #18493810}.post-top,.post-meta,.post-footer,.post-title,.s-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.post-top{align-items:flex-start;margin-bottom:13px}.author-line{display:flex;align-items:center;gap:10px;min-width:0}.author-info{display:flex;flex-direction:column;min-width:0}.author-info strong{font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.author-info small{font-size:.75rem}.post h3{font-size:1.13rem;margin-bottom:9px}.post h3 a{color:var(--dark)}.post h3 a:hover{color:var(--teal)}.post p{font-size:.93rem;color:#50666a;white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 15px}.post-meta{justify-content:flex-start;flex-wrap:wrap;color:#718283;font-size:.77rem}.post-footer{border-top:1px solid #f0f4f2;margin-top:17px;padding-top:14px}.badge{padding:5px 9px;border-radius:999px;font-size:.72rem;letter-spacing:.01em;font-weight:750;background:#eef4f2;color:#4e6c65;white-space:nowrap}.badge.green{background:#e2f4e9;color:#187755}.badge.orange{background:#fff0df;color:#9c5b18}.badge.red{background:#ffe8e6;color:#a23f3d}.badge.blue{background:#e8f1ff;color:#375f9e}.chips{gap:7px;flex-wrap:wrap}.chip{border:1px solid #dbe8e1;border-radius:999px;padding:8px 12px;background:#fff;color:#466862;font-size:.81rem}.chip.selected{background:#dcf4e9;border-color:#b4dfcc;color:#006b52;font-weight:750}.chip:hover{border-color:var(--teal)}.empty{text-align:center;padding:42px 25px;color:var(--muted)}.empty-icon{font-size:2rem;display:block;margin-bottom:14px}.empty h3{color:var(--dark)}.empty p{max-width:440px;margin:0 auto 18px}.page-title{padding:38px 0 14px}.page-title p{max-width:690px;color:var(--muted);margin-bottom:0}.page-title h1{font-size:clamp(2rem,3.5vw,2.8rem);margin-bottom:8px}.content-narrow{max-width:820px}.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:18px}.plan-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.plan-card{padding:21px;display:flex;flex-direction:column;gap:14px}.plan-card.featured{border:2px solid var(--teal);box-shadow:0 14px 35px #087f7011}.plan-card h3{margin-bottom:2px}.plan-price{font-size:1.65rem;font-weight:850;color:var(--dark);letter-spacing:-.04em}.plan-price span{font-size:.8rem;color:var(--muted);font-weight:500}.plan-features{list-style:none;padding:0;margin:0;display:grid;gap:11px;flex:1}.plan-features li{font-size:.84rem;color:#516665;display:flex;gap:9px;align-items:flex-start}.plan-features li:before{content:"✓";color:var(--teal);font-weight:900}.flash{border-radius:13px;padding:14px 16px;background:#e6f5ed;color:#1d7351;margin-bottom:16px;font-size:.9rem}.flash.warning{background:#fff4e3;color:#946127}.flash.error{background:#fff0ee;color:#a54439}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}.kpi{background:#fff;border:1px solid var(--line);padding:18px;border-radius:15px}.kpi b{font-size:1.45rem;color:var(--dark);display:block}.kpi span{font-size:.77rem;color:var(--muted)}.data-list{display:flex;flex-direction:column;gap:10px}.data-row{background:#fff;border:1px solid var(--line);border-radius:13px;padding:15px;display:flex;align-items:center;justify-content:space-between;gap:15px}.data-row .info{min-width:0;flex:1}.data-row strong{display:block;overflow-wrap:anywhere}.data-row small{display:block;font-size:.76rem;margin-top:4px}.data-row .actions{justify-content:flex-end;flex-wrap:wrap}.hr{border:0;border-top:1px solid var(--line);margin:20px 0}.footer{margin-top:65px;border-top:1px solid var(--line);padding:26px 0 32px;background:#fff;color:#718180;font-size:.83rem}.footer .container{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap}.footer-links{display:flex;gap:18px}.footer button{border:0;background:none;color:var(--muted);padding:0}.footer button:hover{color:var(--teal)}.modal-screen{position:fixed;inset:0;background:#061d22aa;backdrop-filter:blur(4px);z-index:50;display:flex;align-items:center;justify-content:center;padding:16px;overflow:auto}.modal-card{width:100%;max-width:520px;max-height:90vh;overflow:auto;background:white;border-radius:24px;padding:27px;box-shadow:0 30px 100px #0c25263b}.modal-card.wide{max-width:720px}.modal-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:18px}.modal-head h2{margin:0}.icon-button{width:34px;height:34px;border:none;border-radius:10px;background:#eef4f2;color:var(--dark);font-size:1.15rem}.modal-actions{margin-top:18px;display:flex;justify-content:flex-end;gap:9px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.notice{padding:16px 18px;margin-bottom:19px;border-left:4px solid var(--teal);color:#435d5e;font-size:.87rem}.notice.warning{border-left-color:var(--orange);background:#fffcf7}.notice strong{color:var(--dark)}#toast{position:fixed;bottom:23px;right:23px;max-width:min(400px,calc(100vw - 30px));z-index:75}#toast .toast{background:#173c3f;color:#fff;padding:14px 18px;border-radius:13px;box-shadow:0 12px 38px #0e343044;margin-top:8px;font-size:.88rem}#toast .toast.error{background:#a93b34}.boot{min-height:80vh;display:flex;align-items:center;justify-content:center;gap:10px;color:var(--muted)}.spinner{width:18px;height:18px;border:2px solid #bed8cf;border-top-color:var(--teal);border-radius:50%;display:inline-block;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.link-btn{border:0;background:none;padding:0;color:var(--teal);font-weight:750;font-size:inherit}.subtle{font-size:.8rem;color:var(--muted)}.full{width:100%}.mt{margin-top:15px}.mb{margin-bottom:15px}.stack{display:grid;gap:14px}.button-row{display:flex;flex-wrap:wrap;gap:9px}.status-line{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.admin-area{display:grid;gap:26px}.admin-area h3{margin-bottom:14px}.clickable{cursor:pointer}.wordbreak{overflow-wrap:anywhere}.legal-copy{max-width:780px;line-height:1.7;color:#526769}.legal-copy h3{color:var(--dark);margin-top:25px}.mobile-menu{display:none}.note-line{border-radius:13px;background:#f2f7f4;padding:13px 15px;color:#4e6864;font-size:.83rem}
@media(max-width:1000px){.plan-grid{grid-template-columns:repeat(2,1fr)}.navlinks{gap:1px}.navbutton{padding:9px 8px;font-size:.83rem}.layout{grid-template-columns:minmax(0,1fr) 270px}.hero{padding:43px 38px}.kpi-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:740px){.container{padding:0 15px}.topbar{height:auto;min-height:66px}.navinner{flex-wrap:wrap;padding:12px 0 0;gap:10px}.navlinks{order:3;width:100%;overflow:auto;scrollbar-width:none;padding-bottom:9px}.navlinks::-webkit-scrollbar{display:none}.navbutton{white-space:nowrap;font-size:.86rem;padding:9px 11px}.navright{margin-left:auto}.navright .button{padding:9px 11px;font-size:.79rem}.hero{margin-top:16px;padding:36px 25px;border-radius:22px}.hero:after{width:230px;height:230px}.hero p{font-size:.96rem}.hero-search{flex-direction:column}.hero-search input{width:100%}.hero-pills{gap:6px}.stats{gap:21px}.layout{grid-template-columns:1fr}.sidebar{display:none}.page-title{padding-top:26px}.section-heading{margin-top:24px}.filters{grid-template-columns:1fr 1fr}.two-cols{grid-template-columns:1fr}.plan-grid{grid-template-columns:1fr 1fr}.post{padding:17px}.post-footer{align-items:flex-start;flex-wrap:wrap}.modal-card{padding:21px}.form-row{grid-template-columns:1fr}.data-row{align-items:flex-start;flex-direction:column}.data-row .actions{justify-content:flex-start}}
@media(max-width:480px){.plan-grid{grid-template-columns:1fr}.filters{grid-template-columns:1fr}.kpi-grid{grid-template-columns:1fr 1fr}.hero h1{font-size:2.25rem}.brand{font-size:1.17rem}.brand-mark{width:31px;height:31px}.post-top{flex-wrap:wrap}.hero{padding:31px 20px}.stats .stat strong{font-size:1.08rem}}
.inline input:not([type="checkbox"]){width:100%;min-width:0;border-radius:11px;border:1px solid #d7e4df;padding:11px 12px}
.inline:has(input:not([type="checkbox"])){align-items:stretch}.inline:has(input:not([type="checkbox"])) input{flex:1}.inline input[type="checkbox"]{width:17px;height:17px;accent-color:var(--teal)}
@media(max-width:740px){.desktop-label{display:none}}
