@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--admin-primary:#c96;--admin-secondary:#fc6;--admin-soft:#fc9;--admin-bg:#fff8f1;--admin-dark:#6b4a2f;--admin-card:#fff;--admin-border:#f2dfcf}.admin-layout{background:var(--admin-bg);min-height:100vh}.admin-sidebar{color:#fff;background:linear-gradient(#6b4a2f,#8b5e3c);flex-direction:column;width:280px;min-height:100vh;display:flex}.admin-logo{border-bottom:1px solid #ffffff26;padding:30px}.admin-logo h4{margin-bottom:4px;font-weight:800}.admin-menu{padding:20px}.admin-menu a{color:#fff;border-radius:16px;align-items:center;gap:12px;margin-bottom:10px;padding:14px 18px;transition:all .25s;display:flex}.admin-menu a:hover{background:#ffffff1f}.admin-header{border-bottom:1px solid var(--admin-border);z-index:100;background:#fff;padding:20px 30px;position:sticky;top:0}.admin-content{padding:30px}.admin-card{border:1px solid var(--admin-border);background:#fff;border-radius:24px;padding:28px;box-shadow:0 10px 40px #0000000d}.stat-card{background:linear-gradient(135deg,#fff,#fff5eb);border:1px solid #f4e2d3;border-radius:24px;padding:30px;transition:all .3s}.stat-card:hover{transform:translateY(-4px)}.stat-card h2{color:var(--admin-primary);font-size:38px;font-weight:800}.stat-card small{color:#9c7c63}@media (width<=992px){.admin-sidebar{z-index:9999;width:280px;position:fixed;left:-100%}.admin-sidebar.active{left:0}.admin-content{padding:20px}}.table{vertical-align:middle}.table thead{background:#fff4ea}.table thead th{color:#8b5e3c;border:none;font-weight:700}.table tbody tr{transition:all .2s}.table tbody tr:hover{background:#fffaf5}.modal-content{border:none;border-radius:28px;overflow:hidden;box-shadow:0 30px 60px #00000026}.modal-header{color:#6b4a2f;background:linear-gradient(135deg,#c96,#fc6);border:none}.admin-menu a.active{background:#fff2;border-left:4px solid #ffd54f;font-weight:700}.menu-title{color:#ffd8b4;letter-spacing:2px;padding:8px 18px;font-size:11px;font-weight:700;display:block}.sidebar-footer{border-top:1px solid #ffffff1f;margin-top:auto;padding:22px}.user-box{align-items:center;gap:14px;display:flex}.avatar{color:#6b4a2f;background:#ffd54f;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;font-size:20px;font-weight:700;display:flex}.mobile-menu-btn{color:#6b4a2f;background:#fff4ea;border:none;border-radius:14px;width:44px;height:44px;font-size:20px;display:none}.sidebar-close{color:#fff;background:0 0;border:none;font-size:24px;display:none;position:absolute;top:18px;right:18px}.sidebar-overlay{opacity:0;visibility:hidden;z-index:9998;background:#00000073;transition:all .3s;position:fixed;inset:0}.sidebar-overlay.active{opacity:1;visibility:visible}.mobile-bottom-nav{display:none}@media (width<=992px){.mobile-menu-btn{justify-content:center;align-items:center;display:flex}.sidebar-close{display:block}.admin-sidebar{z-index:9999;width:280px;transition:all .35s;position:fixed;top:0;left:-100%}.admin-sidebar.active{left:0}.mobile-bottom-nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:9997;background:#fffffff2;border:1px solid #f0dfcf;border-radius:24px;justify-content:space-around;padding:12px;display:flex;position:fixed;bottom:12px;left:12px;right:12px;box-shadow:0 12px 40px #0000001f}.mobile-bottom-nav a{color:#6b4a2f;flex-direction:column;align-items:center;gap:4px;font-size:22px;display:flex}.mobile-bottom-nav small{font-size:11px}.admin-content{padding-bottom:100px}.admin-header{padding:18px 20px}}:root{--primary:#c96;--primary-light:#fc9;--secondary:#fc6;--dark:#6d4c41;--bg:#fffaf5;--card:#fff;--text:#2d3748;--muted:#718096;--border:#f0e1d2;--shadow:0 10px 40px #00000014;--radius:24px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:Inter,sans-serif;overflow-x:hidden}a{text-decoration:none}section{padding:90px 0}.section-container{max-width:1200px;margin:auto;padding:0 20px}.section-title{color:var(--dark);margin-bottom:16px;font-size:38px;font-weight:800}.section-subtitle{color:var(--muted);max-width:700px;line-height:1.8}.card-modern{border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;border:none;padding:32px}.form-control,.form-select{border:1px solid var(--border);background:#fff;border-radius:18px;min-height:58px}.form-control:focus,.form-select:focus{box-shadow:none;border-color:var(--primary)}textarea.form-control{min-height:150px}.btn-primary-modern{color:#fff;background:linear-gradient(135deg,#c96,#fc6);border:none;border-radius:18px;height:58px;padding:0 28px;font-weight:700;transition:all .3s}.btn-primary-modern:hover{transform:translateY(-3px);box-shadow:0 10px 25px #cc99664d}.hero-section{background:linear-gradient(135deg,#fff8f0,#fff3e8);align-items:center;min-height:100vh;display:flex;overflow:hidden}.hero-title{color:var(--dark);font-size:64px;font-weight:800;line-height:1.1}.hero-title span{background:linear-gradient(90deg,#c96,#fc6);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.hero-desc{color:var(--muted);font-size:18px;line-height:1.9}.hero-card{box-shadow:var(--shadow);background:#fff;border-radius:30px;padding:30px}.navbar-modern{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffbf;border-bottom:1px solid #ffffff80}.brand-title{color:var(--dark);font-weight:800}.footer{color:#fff;background:#4e342e;padding:70px 0}.footer p{opacity:.8}@media (width<=992px){.hero-title{font-size:46px}}@media (width<=768px){section{padding:70px 0}.hero-section{min-height:0;padding-top:120px}.hero-title{text-align:center;font-size:34px}.hero-desc{text-align:center;font-size:16px}.section-title{font-size:28px}.card-modern{padding:20px}.aspirasi-section{background:linear-gradient(#fff8f1,#fff);position:relative}.section-subtitle{color:#8b5e3c;max-width:700px;margin:auto;font-size:17px;line-height:1.8}.form-premium-card{background:#ffffffeb;border:1px solid #f4e6d7;border-radius:28px;overflow:hidden;box-shadow:0 25px 60px #cc99661f}.form-label{color:#6b4a2f;margin-bottom:10px;font-weight:600}.form-control,.form-select{background:#fffdfa;border:1px solid #ead8c6;border-radius:18px;padding:16px 18px;transition:all .3s}.form-control:focus,.form-select:focus{border-color:#c96;box-shadow:0 0 0 4px #cc996626}.btn-premium{color:#6b4a2f;background:linear-gradient(135deg,#c96,#fc6);border:none;border-radius:20px;height:60px;font-size:17px;font-weight:700;transition:all .35s}.btn-premium:hover{transform:translateY(-3px);box-shadow:0 20px 40px #cc996659}.tracking-modern{background:linear-gradient(135deg,#fff,#fff7ef);border:1px solid #f4e6d7;border-radius:28px;box-shadow:0 20px 50px #0000000f}.footer-modern{color:#fff;background:linear-gradient(#6b4a2f,#4b3220);margin-top:100px;padding:70px 0}.footer-modern p{opacity:.85;line-height:1.8}@keyframes pulse{0%{opacity:.6;transform:scale(.95)}50%{opacity:1;transform:scale(1.05)}to{opacity:.6;transform:scale(.95)}}.btn-submit-modern{color:#fff;letter-spacing:.4px;background:linear-gradient(135deg,#0d6efd,#0b5ed7);border:none;border-radius:50px;padding:12px 28px;font-weight:700;transition:all .35s;box-shadow:0 10px 25px #0d6efd47}.btn-submit-modern:hover{color:#fff;transform:translateY(-4px);box-shadow:0 16px 35px #0d6efd61}.btn-submit-modern:after{content:"";background:#ffd54f;border-radius:50%;width:8px;height:8px;margin-left:10px}.btn-premium{color:#fff;letter-spacing:.3px;background:linear-gradient(135deg,#0d6efd,#0b5ed7);border:none;border-radius:14px;padding:14px 24px;font-size:16px;font-weight:700;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 10px 25px #0d6efd40}.btn-premium:hover:not(:disabled){color:#fff;background:linear-gradient(135deg,#0b5ed7,#2563eb);transform:translateY(-3px);box-shadow:0 16px 35px #0d6efd59}.btn-premium:active:not(:disabled){transform:scale(.98)}.btn-premium:disabled{opacity:.75;cursor:not-allowed;box-shadow:none}.btn-premium:before{content:"";background:linear-gradient(90deg,#0000,#ffffff59,#0000);width:60%;height:100%;transition:left .8s;position:absolute;top:0;left:-120%}.btn-premium:hover:before{left:160%}.btn-premium i{font-size:16px}}