*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#111;background:#fff;font-size:14px}.header{height:159px;display:flex;align-items:center;padding-left:12%;background:#fff;gap:30px}.brand-logo{width:105px;height:105px;object-fit:contain;display:block;flex-shrink:0}.brand-title{font-size:30px;color:#555}.tagline{font-size:11px;color:#607080;margin-top:4px}.hero{height:121px;background:#c8c900;color:#fff;font-size:27px;display:flex;align-items:center;padding-left:12%}.main{max-width:1050px;margin:50px auto}.public-grid{display:grid;grid-template-columns:240px 1fr 1fr;gap:20px;align-items:start}.form-card{padding-top:8px}.form-card label,.admin-form label,.login-card label{display:block;font-weight:700;font-size:12px;margin-bottom:18px}.form-card label span,.admin-form label span{color:#e33}.form-card input,.admin-form input,.login-card input{display:block;width:100%;height:29px;border:1px solid #aaa;margin-top:7px;padding:5px 8px;font-size:13px;background:#fff}.btn{border:0;padding:9px 15px;font-weight:700;cursor:pointer;text-decoration:none;display:inline-block;font-size:12px}.blue{background:#0878bd;color:#fff}.black{background:#000;color:#fff}.promo{min-height:266px;padding:25px 23px}.promo-green{background:#b9c545}.promo-orange{background:#ff9917}.promo h2{font-size:21px;line-height:1.08;margin:0 0 12px;font-weight:400}.promo p,.promo li{font-size:10px;line-height:1.35}.promo ul{padding-left:19px;margin:8px 0 14px;font-weight:700}.promo .btn{margin-top:4px}.promo-orange p{margin-top:15px}footer{text-align:center;padding:30px}footer a,.back a{color:#0878bd}.success,.error,.notice{padding:10px;margin:12px 0;font-size:12px}.success{background:#e9f7e9;color:#216c2a}.error{background:#fdeaea;color:#9a1c1c}.notice{background:#fff4d6;color:#725600}.login-page{background:#f7f7f7;min-height:100vh}.login-head{padding:45px 0 0 12%;font-size:27px;color:#333}.login-card{width:360px;background:#fff;margin:55px auto;padding:30px;box-shadow:0 3px 12px rgba(0,0,0,.12)}.login-card h2{text-align:center;font-size:18px;margin:0 0 28px}.login-card .btn{width:100%}.back{text-align:center;font-size:12px;margin-top:20px}.admin-body{background:#fff}.admin-layout{display:flex;min-height:100vh}.sidebar{width:235px;background:#30373d;color:#fff;flex-shrink:0}.side-title{padding:25px 22px;font-weight:700;font-size:17px}.nav a{display:block;color:#fff;text-decoration:none;padding:15px 22px;font-size:12px;border-top:1px solid rgba(255,255,255,.04)}.nav a.active,.nav a:hover{background:#454d54;color:#d4d600}.admin-content{flex:1;padding:38px 45px;overflow:auto}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.admin-content h1{font-size:22px;font-weight:400;margin:0 0 4px}.admin-content small{color:#777}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;font-size:11px}.data-table th{background:#c8c900;color:#fff;text-align:left;padding:10px 8px}.data-table td{border:1px solid #ddd;padding:9px 8px;white-space:nowrap}.data-table tr:nth-child(even){background:#fafafa}.actions{display:flex;gap:5px}.actions form{margin:0}.edit{background:#8eaf27;color:#fff}.delete{background:#e33;color:#fff}.empty{text-align:center;padding:30px!important;color:#777}.flash{max-width:100%;margin-bottom:20px}.admin-form{max-width:850px}.admin-form label{font-size:12px;margin-bottom:17px}.admin-form input{height:36px}.form-actions{display:flex;gap:8px;margin-top:8px}.cancel{background:#eee;color:#222}.admin-content .error{max-width:850px}@media(max-width:900px){.header{padding-left:7%;gap:20px}.brand-logo{width:90px;height:90px}.hero{padding-left:7%;font-size:22px}.main{margin:30px 7%}.public-grid{grid-template-columns:1fr}.promo{min-height:auto}.sidebar{width:190px}.admin-content{padding:25px}.login-head{padding-left:7%}}@media(max-width:600px){.header{height:120px;gap:15px}.brand-logo{width:75px;height:75px}.hero{height:100px;font-size:20px}.sidebar{width:100%;min-height:auto}.admin-layout{display:block}.nav{display:flex;flex-wrap:wrap}.nav a{padding:12px 10px}.side-title{padding:15px}.admin-content{padding:20px}.login-card{width:auto;margin:35px 20px}.login-head{padding-left:20px}}
