@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@300;400;500;600&family=Prompt:wght@300;400;500;600&display=swap');
:root{--bg:#f4efe7;--panel:#fffdf9;--ink:#2a211b;--muted:#8a7d6e;--line:#e7ddd0;--primary:#9b6322;--accent:#c58a36;--lotus:#c96f88;--danger:#c74452}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Prompt,Arial,sans-serif}.sidebar{position:fixed;inset:0 auto 0 0;width:255px;background:linear-gradient(180deg,#2a211b,#1e1814);color:#c9bcae;padding:24px 14px;display:flex;flex-direction:column;gap:6px;box-shadow:10px 0 35px rgba(43,31,22,.08)}.admin-logo{display:flex;align-items:center;gap:10px;color:#fff;font-weight:600;font-size:19px;padding:4px 13px 14px}.admin-logo span{color:#e0b36c;margin-left:3px}.admin-lotus{width:39px;height:39px;border-radius:50%;display:grid;place-items:center;background:#654018;color:#efbd75;font-size:22px}.admin-user{font-size:11px;color:#8f8174;border-bottom:1px solid rgba(255,255,255,.08);padding:0 13px 18px;margin-bottom:4px}.sidebar a{padding:12px 14px;border-radius:9px}.sidebar a:hover,.sidebar a.active{background:rgba(255,255,255,.08);color:#fff}.admin-main{margin-left:255px;padding:38px 45px;max-width:1550px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:27px}.topbar small{color:var(--muted);font-size:11px;letter-spacing:1px}h1{font-size:31px;margin:4px 0 0}.btn{display:inline-block;background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;border:0;border-radius:9px;padding:11px 17px;font:inherit;cursor:pointer}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px}.stats>div,.panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;box-shadow:0 8px 30px rgba(82,57,35,.045)}.stats>div{padding:20px}.stats small{display:block;color:var(--muted)}.stats strong{display:block;font-size:29px;margin-top:5px}.panel{padding:21px}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.panel h2{font-size:18px;margin:0}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:13px 9px;border-bottom:1px solid var(--line);font-size:13px;vertical-align:middle}th{color:var(--muted);font-weight:400}.video-mini{display:flex;gap:12px;align-items:center;min-width:330px}.video-mini img{width:90px;height:51px;object-fit:cover;border-radius:7px}.video-mini b{display:block}.video-mini small,td small{display:block;color:var(--muted);margin-top:3px}.status{padding:4px 7px;border-radius:6px;font-size:10px}.published{background:#e6f6eb;color:#287b4f}.draft{background:#fff0d7;color:#95651a}.actions{white-space:nowrap}.actions a,.link{color:#8a5c1f;margin-right:9px;background:none;border:0;font:inherit;cursor:pointer}.danger{color:var(--danger)!important}.form{max-width:920px}.form label{display:block;font-size:13px;font-weight:500;margin-bottom:17px}.form label small{color:var(--muted);font-weight:400}.form input,.form textarea,.form select{width:100%;display:block;margin-top:6px;padding:11px 12px;border:1px solid var(--line);border-radius:8px;background:#fffdf9;outline:0;font:inherit;color:var(--ink)}.form input:focus,.form textarea:focus,.form select:focus{border-color:#c78a2c;box-shadow:0 0 0 3px #c78a2c18}.form input[type=file]{padding:9px}.form input[type=color]{height:48px;padding:4px}.two{display:grid;grid-template-columns:1fr 1fr;gap:17px}.alert{background:#ffedf0;color:#a62d39;padding:11px 13px;border-radius:8px;margin-bottom:17px}.success{background:#e7f7ec;color:#28774b;padding:11px 13px;border-radius:8px;margin-bottom:18px}.hint{color:var(--muted);font-size:12px;line-height:1.7}.login-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 75% 20%,rgba(217,130,154,.12),transparent 25%),#241c17}.login-box{width:min(420px,calc(100% - 30px));background:#fffdf9;border-radius:18px;padding:34px;box-shadow:0 25px 80px rgba(0,0,0,.22)}.login-brand{font-weight:700;color:var(--primary);font-size:19px;letter-spacing:.7px}.login-box h1{margin:9px 0 23px}.login-box label{display:block;font-size:13px;margin-bottom:15px}.login-box input{display:block;width:100%;padding:11px;margin-top:6px;border:1px solid var(--line);border-radius:8px;font:inherit;background:#fff}.login-box .btn{width:100%;margin:5px 0 17px}.login-box>a{font-size:13px;color:#657083}.category-layout{display:grid;grid-template-columns:350px 1fr;gap:20px}.settings-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:20px}.settings-grid .panel:nth-child(3){grid-column:1}.settings-grid .theme-note{grid-column:2;grid-row:1 / span 2}.logo-preview{height:180px;border:1px dashed var(--line);border-radius:12px;display:grid;place-items:center;margin-bottom:20px;background:#f7f0e6}.logo-preview img{max-width:80%;max-height:130px;object-fit:contain}.logo-preview span{font-size:11px;color:var(--muted)}.logo-placeholder{font-size:70px;color:var(--lotus)}.color-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.color-row label{position:relative}.color-row code{display:block;color:var(--muted);font-size:11px;margin-top:5px}.theme-note{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;min-height:360px}.lotus-icon{font-size:90px;color:var(--lotus);line-height:1;text-shadow:0 10px 30px rgba(201,111,136,.15)}.theme-note p{color:var(--muted);line-height:1.8;max-width:420px}.swatches{display:flex;gap:9px;margin-top:12px}.swatches i{width:32px;height:32px;border-radius:50%;border:3px solid #fff;box-shadow:0 2px 8px #0001}.danger-btn{background:#fff0f1;color:var(--danger);border:1px solid #ffd0d5;box-shadow:none}.user-form{max-width:900px;margin-bottom:20px}
@media(max-width:1000px){.sidebar{position:static;width:auto;height:auto;flex-direction:row;overflow:auto;padding:8px}.admin-logo{padding:10px}.admin-user{display:none}.admin-main{margin:0;padding:25px 16px}.stats{grid-template-columns:1fr 1fr}.category-layout,.settings-grid{grid-template-columns:1fr}.settings-grid .panel:nth-child(3),.settings-grid .theme-note{grid-column:auto;grid-row:auto}}@media(max-width:600px){.two,.color-row{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}}