:root{--ink:#18212b;--muted:#687582;--line:#e5e9ee;--bg:#f7f9fb;--primary:#176b4d;--accent:#d8b35b}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink);background:var(--bg);line-height:1.6}.wrap{width:min(1120px,92%);margin:auto}.top{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}.nav{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;gap:10px;align-items:center;text-decoration:none;color:var(--ink);font-size:20px;line-height:1.05}.brand span{font-size:12px;color:var(--muted)}.brand b{font-size:16px;color:var(--primary)}nav{display:flex;gap:22px}nav a,a{color:var(--primary);text-decoration:none}nav a{color:var(--muted);font-weight:600}nav a.active,nav a:hover{color:var(--primary)}.hero{background:linear-gradient(135deg,#0f4f39,#176b4d);color:#fff;padding:76px 0}.hero-grid{display:grid;grid-template-columns:1.5fr .8fr;gap:50px;align-items:center}.badge,.tag{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.08em;padding:5px 9px;border-radius:99px;background:#edf5f1;color:var(--primary)}.hero .badge{background:#ffffff18;color:#fff}.hero h1{font-size:clamp(34px,5vw,60px);line-height:1.08;margin:18px 0}.hero p{font-size:18px;max-width:650px;color:#e4f0ea}.hero-card{background:#ffffff15;border:1px solid #ffffff2c;border-radius:24px;padding:40px;font-size:70px;text-align:center}.hero-card strong,.hero-card span{display:block;font-size:20px}.hero-card span{font-size:13px;color:#dcebe4;margin-top:8px}.actions,.card-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.btn{display:inline-block;border:0;border-radius:10px;padding:11px 18px;font-weight:800;cursor:pointer;background:#fff;color:var(--primary)}.btn.primary{background:var(--primary);color:#fff}.hero .btn.primary{background:#fff;color:var(--primary)}.btn.light{background:#ffffff18;color:#fff;border:1px solid #ffffff40}.btn.small{padding:7px 10px;font-size:12px;background:#eef5f1}.full{width:100%}.section,.page{padding:55px 0}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:22px}.section-head h2,.page-title h1{margin:4px 0}.section-head small,.page-title small{color:var(--primary);font-weight:800}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card,.panel,.article-list article{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}.cover{height:150px;background:#edf3ef;display:grid;place-items:center;font-size:55px}.card-body{padding:17px}.card h3{margin:8px 0 4px;font-size:17px}.card p{color:var(--muted);font-size:13px}.stock{font-size:12px;color:var(--primary);font-weight:700}.card-actions{justify-content:space-between}.article-list{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.article-list article{padding:22px}.article-list h2,.article-list h3{margin:10px 0}.article-list p{color:var(--muted)}footer{background:#17231e;color:#c8d3ce;padding:25px 0}.page-title{margin-bottom:30px}.search{display:grid;grid-template-columns:1fr 220px auto;gap:10px;margin-bottom:30px}input,select,textarea{width:100%;padding:12px;border:1px solid #dbe1e6;border-radius:9px;background:#fff;font:inherit}label{display:block;font-weight:700;font-size:13px;margin-bottom:15px}label input,label select,label textarea{margin-top:6px;font-weight:400}.empty{padding:30px}.reading{max-width:780px;margin:auto;background:#fff;padding:35px;border-radius:18px;border:1px solid var(--line)}.reading h1{font-size:38px;line-height:1.2}.content{margin-top:30px;font-size:17px}.login-bg{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#edf5f1,#f7f9fb)}.login-box{width:min(420px,92%);background:#fff;padding:35px;border-radius:20px;border:1px solid var(--line);box-shadow:0 15px 50px #102a1b10}.login-box .logo,.form-card .logo{text-align:center;font-size:50px}.login-box h1{text-align:center;font-size:25px}.login-box p{text-align:center;color:var(--muted)}.alert,.success{padding:12px;border-radius:9px;margin:12px 0;background:#fff1f1;color:#a33}.success{background:#edf8f2;color:#176b4d}.welcome{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-bottom:25px}.stats.four{grid-template-columns:repeat(4,1fr)}.stats>div{background:#fff;border:1px solid var(--line);padding:20px;border-radius:15px}.stats b,.stats span{display:block}.stats b{font-size:28px;color:var(--primary)}.stats span{color:var(--muted);font-size:13px}.panel{padding:22px;margin-bottom:22px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;padding:12px;border-bottom:1px solid var(--line);white-space:nowrap}.admin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.link-card{display:grid;gap:5px;font-size:28px}.link-card b{font-size:17px}.link-card span{font-size:13px;color:var(--muted)}.form-card{max-width:800px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.narrow{max-width:600px}.status{padding:4px 8px;border-radius:99px;background:#eef5f1;color:var(--primary)}@media(max-width:800px){.hero-grid,.cards,.article-list,.admin-grid{grid-template-columns:1fr 1fr}.stats.four{grid-template-columns:1fr 1fr}.hero-card{display:none}.search{grid-template-columns:1fr}.nav nav{gap:10px;font-size:12px}.brand{font-size:16px}}@media(max-width:560px){.cards,.article-list,.admin-grid,.stats,.stats.four,.form-grid{grid-template-columns:1fr}.hero{padding:50px 0}.hero h1{font-size:38px}.section-head,.welcome{display:block}.welcome .btn{margin-top:15px}.top nav a:nth-child(2){display:none}.page{padding:35px 0}}
.ticker{background:#176b4d;color:#fff;overflow:hidden}.ticker-inner{display:flex;align-items:center;min-height:42px}.ticker-inner strong{background:#d8b35b;color:#18212b;padding:4px 12px;margin-right:12px;border-radius:99px;font-size:11px;white-space:nowrap}.ticker-window{overflow:hidden;flex:1}.ticker-track{display:inline-flex;align-items:center;gap:18px;white-space:nowrap;animation:ticker 28s linear infinite}.ticker-track span{font-size:13px}.ticker-track i{font-style:normal;color:#d8b35b}@keyframes ticker{from{transform:translateX(100%)}to{transform:translateX(-100%)}}.hint{font-size:12px;color:#687582}@media print{.top,.ticker,nav,.btn,form{display:none!important}body{background:#fff}}