*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;background:#f3f7f5;color:#173c2f}.sidebar{position:fixed;left:0;top:0;bottom:0;width:245px;background:#082b20;padding:24px 16px;color:#fff}.side-brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;padding:0 8px 26px}.side-brand span,.admin-logo{width:44px;height:44px;border-radius:13px;background:linear-gradient(135deg,#16a66d,#71dfaa);display:grid;place-items:center;font-weight:900;color:#fff}.sidebar nav{display:grid;gap:6px}.sidebar nav a{color:#b9d4ca;text-decoration:none;padding:12px 13px;border-radius:10px;font-size:14px}.sidebar nav a:hover{background:#124a38;color:#fff}.sidebar nav i{width:24px}.admin-main{margin-left:245px;padding:28px;max-width:1500px}.admin-main>header{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.admin-main h1{margin:0;font-size:28px}.admin-main header p,.panel-head p{color:#6d857c;margin:6px 0}.view-btn,.small-btn,.cancel-btn{display:inline-flex;align-items:center;gap:7px;text-decoration:none;border-radius:10px;padding:10px 14px;font-weight:700}.view-btn,.small-btn{background:#e2f5ec;color:#08784e}.cancel-btn{background:#edf1ef;color:#536e64}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:22px}.stats-grid>div{background:#fff;border:1px solid #dce8e3;border-radius:17px;padding:20px;display:flex;align-items:center;gap:15px}.stats-grid i{width:48px;height:48px;border-radius:14px;background:#e3f7ed;color:#0f8f5f;display:grid;place-items:center;font-size:20px}.stats-grid b,.stats-grid small{display:block}.stats-grid b{font-size:20px}.stats-grid small{color:#789087;margin-top:4px}.panel{background:#fff;border:1px solid #dce8e3;border-radius:18px;padding:22px;margin-bottom:24px}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.panel h2{margin:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid label{font-size:13px;font-weight:700;color:#456357}.form-grid input,.form-grid textarea{display:block;width:100%;margin-top:7px;border:1px solid #cadbd4;border-radius:10px;padding:11px 12px;font:inherit;background:#fcfefd}.form-grid textarea{min-height:85px;resize:vertical}.span-2{grid-column:1/-1}.primary-btn{border:0;background:linear-gradient(135deg,#0f8f5f,#16b276);color:#fff;padding:12px 18px;border-radius:10px;font-weight:800;cursor:pointer}.check{display:flex!important;align-items:center;gap:8px}.check input{width:auto!important;margin:0!important}.table-wrap{overflow-x:auto}.table-wrap table{width:100%;border-collapse:collapse;min-width:760px}.table-wrap th,.table-wrap td{text-align:left;padding:13px;border-bottom:1px solid #e5ece9;font-size:13px}.table-wrap th{background:#f4f8f6;color:#557066}.table-wrap td b,.table-wrap td small{display:block}.table-wrap td small{color:#7a9188;margin-top:5px}.status{display:inline-block;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:800}.status.on{background:#e3f7ed;color:#08784e}.status.off{background:#f2f2f2;color:#777}.actions{display:flex;gap:7px}.actions a,.actions button{border:0;width:34px;height:34px;border-radius:8px;display:grid;place-items:center;cursor:pointer}.actions a{background:#e8f4ff;color:#2570a8;text-decoration:none}.actions button{background:#fff0f0;color:#cf4b4b}.actions form{margin:0}.edit-form{margin-top:22px;padding:20px;background:#f7faf8;border-radius:14px}.alert{padding:12px 14px;border-radius:10px;margin-bottom:18px}.alert.success{background:#e3f7ed;color:#08784e}.alert.error{background:#fff0f0;color:#b13939}.login-body{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at top left,#d8f7e8,#f5faf7 55%)}.login-card{width:min(420px,calc(100% - 30px));background:rgba(255,255,255,.94);padding:34px;border-radius:22px;box-shadow:0 25px 70px rgba(11,88,59,.16)}.login-card .admin-logo{margin:auto}.login-card h1{text-align:center;margin:18px 0 7px}.login-card>p{text-align:center;color:#70877e}.login-card label{display:block;font-size:13px;font-weight:700;margin-top:15px}.login-card input{width:100%;padding:12px;border:1px solid #cbdcd5;border-radius:10px;margin-top:7px}.login-card button{width:100%;border:0;background:#0f8f5f;color:#fff;padding:13px;border-radius:10px;font-weight:800;margin-top:19px}.login-card small{display:block;text-align:center;color:#7b9189;margin-top:16px}@media(max-width:850px){.sidebar{position:static;width:100%;padding:14px}.side-brand{padding-bottom:12px}.sidebar nav{display:flex;overflow-x:auto}.sidebar nav a{white-space:nowrap}.admin-main{margin:0;padding:16px}.stats-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.admin-main>header{align-items:flex-start;gap:10px}.view-btn{font-size:12px}.panel{padding:16px}.panel-head{align-items:flex-start;gap:12px}}
.image-preview{display:flex;margin-top:10px;width:130px;height:80px;border:1px solid #dbe8e2;border-radius:12px;background:#f8fbfa;padding:8px}.image-preview img{width:100%;height:100%;object-fit:contain}.image-preview.favicon{width:70px;height:70px}.inline-actions{display:flex;gap:10px;margin-top:14px}.danger-btn{border:0;background:#fff0f0;color:#c53636;padding:10px 14px;border-radius:10px;font-weight:700;cursor:pointer}.slide-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:24px}.slide-admin-card{border:1px solid #dfeae5;border-radius:16px;overflow:hidden;background:#fff}.slide-admin-card>img,.slide-placeholder{width:100%;height:180px;object-fit:cover;background:linear-gradient(135deg,#0e6045,#14a970);display:grid;place-items:center;color:#fff;font-size:38px}.slide-admin-card>div:last-child{padding:16px}.slide-admin-card h3{margin:10px 0 7px}.slide-admin-card p{color:#6d7f78;font-size:13px;min-height:38px}.slide-admin-card small{float:right;color:#6d7f78}.wide-preview{display:block;margin-top:10px;max-width:440px;height:170px;border-radius:12px;overflow:hidden;border:1px solid #dfeae5}.wide-preview img{width:100%;height:100%;object-fit:cover}@media(max-width:800px){.slide-admin-grid{grid-template-columns:1fr}}
