:root { --ink:#14201c; --muted:#66716d; --cream:#f4f2eb; --paper:#fffef9; --green:#214d3d; --green-2:#2e6b55; --line:#dfe3dd; --gold:#c4a46a; --danger:#a43b35; font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color:var(--ink); background:var(--cream); }
* { box-sizing:border-box; }
body { margin:0; min-height:100vh; background:linear-gradient(180deg,#f8f7f2 0,#f1eee5 100%); }
button,input,select { font:inherit; }
button,a { -webkit-tap-highlight-color:transparent; }
.topbar { height:72px; padding:0 max(24px,calc((100vw - 1280px)/2)); display:flex; justify-content:space-between; align-items:center; background:rgba(255,254,249,.94); border-bottom:1px solid var(--line); position:sticky; top:0; z-index:10; backdrop-filter:blur(12px); }
.topbar>div { display:flex; align-items:center; gap:14px; }.brand-name { font-weight:650; letter-spacing:-.02em; }
.brand-mark { display:grid; place-items:center; width:58px; height:58px; border-radius:50%; background:var(--green); color:white; letter-spacing:.12em; font:700 14px Georgia,serif; box-shadow:inset 0 0 0 1px rgba(255,255,255,.3); }.brand-mark.small { width:40px; height:40px; font-size:10px; }
.layout { max-width:1280px; margin:auto; padding:54px 24px 80px; }
.hero { display:flex; justify-content:space-between; align-items:flex-end; gap:40px; margin-bottom:36px; }.hero h1 { max-width:760px; font:500 clamp(40px,5vw,72px)/1.02 Georgia,serif; letter-spacing:-.045em; margin:8px 0 18px; }.hero h1 span { color:var(--green-2); }.hero p:not(.eyebrow) { margin:0; max-width:630px; color:var(--muted); font-size:18px; line-height:1.55; }
.eyebrow { margin:0; color:var(--green-2); font-size:11px; letter-spacing:.18em; font-weight:800; }.primary,form button { border:0; border-radius:999px; color:white; background:var(--green); padding:13px 20px; font-weight:700; cursor:pointer; white-space:nowrap; }.primary:hover,form button:hover { background:#163d30; }.ghost { border:1px solid var(--line); background:transparent; color:var(--ink); padding:9px 13px; border-radius:999px; cursor:pointer; }
.stats { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; background:var(--line); border:1px solid var(--line); border-radius:18px; overflow:hidden; margin-bottom:22px; }.stats article { background:var(--paper); padding:24px; }.stats span { display:block; color:var(--muted); font-size:13px; margin-bottom:10px; }.stats strong { font:500 34px Georgia,serif; }
.panel { background:var(--paper); border:1px solid var(--line); border-radius:20px; box-shadow:0 16px 45px rgba(24,43,35,.06); }.split { display:grid; grid-template-columns:minmax(0,2.15fr) minmax(280px,.85fr); }.split>div,.split>aside { padding:28px; }.split>aside { border-left:1px solid var(--line); background:#faf9f4; border-radius:0 20px 20px 0; }.section-head { display:flex; justify-content:space-between; align-items:flex-end; gap:18px; margin-bottom:22px; }.section-head h2,.dialog-head h2 { margin:4px 0 0; font:500 29px Georgia,serif; }.section-head input { width:210px; }
input,select { width:100%; border:1px solid #cfd5cf; border-radius:10px; padding:11px 13px; color:var(--ink); background:white; outline:none; }.section-head input:focus,input:focus,select:focus { border-color:var(--green-2); box-shadow:0 0 0 3px rgba(46,107,85,.12); }
.link-list { display:grid; gap:12px; }.link-card { display:grid; grid-template-columns:84px minmax(0,1fr) auto; align-items:center; gap:18px; border:1px solid var(--line); border-radius:14px; padding:15px; transition:.2s; }.link-card:hover { border-color:#bec9c1; transform:translateY(-1px); }.link-card.inactive { opacity:.57; }.qr-preview { background:white; border:1px solid var(--line); padding:8px; border-radius:10px; }.qr-preview img { width:100%; display:block; }.link-title { display:flex; align-items:center; gap:10px; }.link-title h3 { margin:0; font-size:16px; }.status { font-size:10px; color:var(--green-2); background:#e6f0eb; padding:4px 7px; border-radius:99px; text-transform:uppercase; letter-spacing:.06em; font-weight:800; }.link-main>a { display:inline-block; color:var(--green-2); margin:5px 0 3px; text-decoration:none; font-size:14px; font-weight:700; }.link-main>p { color:var(--muted); font-size:12px; margin:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:500px; }.meta { display:flex; gap:14px; margin-top:9px; color:#7c8581; font-size:11px; }.actions { display:flex; gap:6px; align-items:center; }.download { color:var(--ink); border:1px solid var(--line); border-radius:8px; padding:8px; text-decoration:none; font-size:11px; font-weight:800; }
.inline-form { display:flex; gap:8px; margin-bottom:18px; }.inline-form button { border-radius:10px; padding:0 14px; }.campaign-list { display:grid; gap:8px; }.campaign { padding:11px 0; border-bottom:1px solid var(--line); }.campaign span,.campaign small { display:block; }.campaign span { font-weight:700; font-size:14px; }.campaign small { color:var(--muted); margin-top:4px; }.mini-chart { margin-top:34px; }.bars { display:flex; align-items:end; height:100px; gap:3px; margin-top:15px; border-bottom:1px solid var(--line); }.bars i { flex:1; min-width:2px; background:var(--green-2); border-radius:3px 3px 0 0; opacity:.72; }
dialog { width:min(590px,calc(100vw - 32px)); border:0; border-radius:20px; padding:0; box-shadow:0 30px 100px rgba(9,25,18,.3); }dialog::backdrop { background:rgba(14,29,23,.55); backdrop-filter:blur(3px); }dialog form { padding:28px; }label { display:grid; gap:7px; font-size:13px; font-weight:700; margin-top:17px; }.dialog-head { display:flex; justify-content:space-between; align-items:flex-start; }.icon-button { border:0; background:transparent; color:var(--muted); font-size:28px; cursor:pointer; padding:0; }.slug-field { display:flex; align-items:center; border:1px solid #cfd5cf; border-radius:10px; overflow:hidden; background:white; }.slug-field span { padding-left:12px; font-size:12px; color:var(--muted); white-space:nowrap; }.slug-field input { border:0; box-shadow:none!important; padding-left:2px; }.hint { color:var(--muted); font-size:12px; }.dialog-actions { display:flex; justify-content:flex-end; gap:8px; margin-top:24px; }
.login-body { display:grid; place-items:center; padding:24px; }.login-card { width:min(420px,100%); background:var(--paper); border:1px solid var(--line); border-radius:22px; padding:38px; box-shadow:0 20px 60px rgba(24,43,35,.1); }.login-card .brand-mark { margin-bottom:24px; }.login-card h1 { font:500 38px Georgia,serif; margin:8px 0; }.login-card .muted { margin-bottom:26px; }.login-card button { margin-top:18px; width:100%; }.muted { color:var(--muted); }.error { color:var(--danger); background:#f9e9e7; padding:10px; border-radius:8px; font-size:13px; }.empty { text-align:center; padding:70px 20px; color:var(--muted); }.empty strong { color:var(--ink); }.toast { position:fixed; right:28px; bottom:28px; color:white; background:var(--green); border-radius:12px; padding:13px 18px; opacity:0; transform:translateY(12px); pointer-events:none; transition:.2s; box-shadow:0 10px 30px rgba(0,0,0,.16); }.toast.visible { opacity:1; transform:none; }.toast.error-toast { background:var(--danger); }
@media(max-width:900px){.stats{grid-template-columns:repeat(2,1fr)}.split{grid-template-columns:1fr}.split>aside{border-left:0;border-top:1px solid var(--line);border-radius:0 0 20px 20px}.hero{align-items:flex-start;flex-direction:column}.link-card{grid-template-columns:64px 1fr}.actions{grid-column:2;flex-wrap:wrap}}
@media(max-width:570px){.layout{padding:34px 14px 60px}.topbar{padding:0 14px}.brand-name{display:none}.hero h1{font-size:42px}.stats article{padding:18px}.stats strong{font-size:27px}.split>div,.split>aside{padding:18px}.section-head{align-items:flex-start;flex-direction:column}.section-head input{width:100%}.link-card{grid-template-columns:52px 1fr;gap:12px}.link-main>p{max-width:230px}.meta{flex-direction:column;gap:3px}.actions{grid-column:1/-1}.slug-field span{display:none}}