.admin-layout{min-height:100vh;background:#f5f7fa}.mobile-header{display:none;position:fixed;top:0;left:0;right:0;height:1.4rem;background:#ffffff;border-bottom:.025rem solid #e8e8e8;padding:0 .4rem;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;z-index:100}.mobile-header-left{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:.3rem}.logo-mini{width:.9rem;height:.9rem;border-radius:.2rem;background:-webkit-linear-gradient(315deg,#5a8fb8 0%,#58C283 100%);background:linear-gradient(135deg,#5a8fb8 0%,#58C283 100%);display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.logo-text-mini{color:#fff;font-size:.35rem;font-weight:700}.mobile-title{font-size:.4rem;font-weight:600;color:#333}.mobile-menu-btn{padding:.2rem;cursor:pointer}.sidebar{position:fixed;top:0;left:0;bottom:0;width:6rem;background:-webkit-gradient(linear,left top,left bottom,from(#1a1a2e),to(#16213e));background:-webkit-linear-gradient(top,#1a1a2e 0%,#16213e 100%);background:linear-gradient(180deg,#1a1a2e 0%,#16213e 100%);display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-transition:width .3s ease;transition:width .3s ease;z-index:50}.sidebar.collapsed{width:1.8rem}.sidebar-header{padding:.5rem .4rem;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:.3rem;border-bottom:.025rem solid rgba(255,255,255,.1)}.logo{width:1rem;height:1rem;border-radius:.25rem;background:-webkit-linear-gradient(315deg,#5a8fb8 0%,#58C283 100%);background:linear-gradient(135deg,#5a8fb8 0%,#58C283 100%);display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.logo-text{color:#fff;font-size:.45rem;font-weight:700}.logo-subtitle{color:#fff;font-size:.35rem;-webkit-flex:1;-ms-flex:1;flex:1}.collapse-btn{padding:.15rem;cursor:pointer;color:#888;border-radius:.1rem;-webkit-transition:all .2s;transition:all .2s}.collapse-btn:hover{background:rgba(255,255,255,.1);color:#fff}.sidebar-menu{-webkit-flex:1;-ms-flex:1;flex:1;padding:.4rem 0;overflow-y:auto}.menu-item{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:.3rem;padding:.3rem .4rem;margin:.1rem .2rem;border-radius:.2rem;cursor:pointer;color:#a0a0a0;-webkit-transition:all .2s;transition:all .2s}.menu-item:hover{background:rgba(255,255,255,.1);color:#fff}.menu-item.active{background:-webkit-gradient(linear,left top,right top,from(rgba(90,143,184,.3)),to(rgba(88,194,131,.3)));background:-webkit-linear-gradient(left,rgba(90,143,184,.3) 0%,rgba(88,194,131,.3) 100%);background:linear-gradient(90deg,rgba(90,143,184,.3) 0%,rgba(88,194,131,.3) 100%);color:#fff}.menu-label{font-size:.35rem;white-space:nowrap}.sidebar-footer{padding:.4rem;border-top:.025rem solid rgba(255,255,255,.1)}.admin-info{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:.3rem;margin-bottom:.3rem}.admin-avatar{width:.9rem;height:.9rem;border-radius:50%;background:-webkit-linear-gradient(315deg,#5a8fb8 0%,#58C283 100%);background:linear-gradient(135deg,#5a8fb8 0%,#58C283 100%);display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.avatar-text{color:#fff;font-size:.35rem;font-weight:700}.admin-detail{overflow:hidden}.admin-name{display:block;color:#fff;font-size:.35rem;font-weight:500}.admin-role{display:block;color:#888;font-size:.3rem}.logout-btn{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:.2rem;padding:.25rem .3rem;border-radius:.15rem;cursor:pointer;color:#888;-webkit-transition:all .2s;transition:all .2s}.logout-btn:hover{background:rgba(239,68,68,.2);color:#ef4444}.logout-text{font-size:.35rem}.mobile-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:40}.main-content{margin-left:6rem;min-height:100vh;-webkit-transition:margin-left .3s ease;transition:margin-left .3s ease}.main-content.sidebar-collapsed{margin-left:1.8rem}@media (max-width: 768px){.mobile-header{display:-webkit-flex;display:-ms-flexbox;display:flex}.sidebar{-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translate(-100%)}.sidebar.mobile-open{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translate(0)}.mobile-overlay{display:block}.main-content{margin-left:0;padding-top:1.4rem}.main-content.sidebar-collapsed{margin-left:0}}.web-layout{min-height:100vh;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;background-color:#f5f1e9}.web-header{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(245,241,233,.85);backdrop-filter:blur(.5rem);-webkit-backdrop-filter:blur(.5rem);-webkit-transition:all .3s ease;transition:all .3s ease;border-bottom:.025rem solid transparent}.web-header.scrolled{background:rgba(245,241,233,.95);border-bottom-color:#a8b8a933;-webkit-box-shadow:0 .05rem .5rem rgba(0,0,0,.04);box-shadow:0 .05rem .5rem #0000000a}.header-inner{max-width:30rem;margin:0 auto;padding:0 .6rem;height:1.8rem;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.header-logo{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:.25rem;cursor:pointer;-webkit-transition:opacity .2s;transition:opacity .2s}.header-logo:hover{opacity:.8}.logo-icon{width:1rem;height:1rem;border-radius:.3rem;background:-webkit-linear-gradient(315deg,#A8B8A9 0%,#5a8fb8 100%);background:linear-gradient(135deg,#A8B8A9 0%,#5a8fb8 100%);display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.logo-emoji{font-size:.5rem}.logo-text{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.brand-name{font-size:.45rem;font-weight:700;color:#383532;line-height:1.2}.brand-en{font-size:.275rem;color:#726e6a;letter-spacing:.025rem;text-transform:uppercase}.header-nav{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:.2rem}.nav-item{padding:.2rem .45rem;border-radius:.6rem;cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease}.nav-item:hover{background:rgba(168,184,169,.15)}.nav-item.active{background:rgba(168,184,169,.25)}.nav-label{font-size:.375rem;font-weight:500;color:#383532}.nav-item.active .nav-label{color:#5a8fb8;font-weight:600}.header-cta{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.cta-button{padding:.25rem .6rem;background:-webkit-linear-gradient(315deg,#A8B8A9 0%,#5a8fb8 100%);background:linear-gradient(135deg,#A8B8A9 0%,#5a8fb8 100%);border-radius:.6rem;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-box-shadow:0 .1rem .3rem rgba(90,143,184,.2);box-shadow:0 .1rem .3rem #5a8fb833}.cta-button:hover{-webkit-transform:translateY(-.025rem);-ms-transform:translateY(-.025rem);transform:translateY(-.025rem);-webkit-box-shadow:0 .15rem .5rem rgba(90,143,184,.3);box-shadow:0 .15rem .5rem #5a8fb84d}.cta-text{font-size:.35rem;font-weight:600;color:#fff}.mobile-menu-btn{display:none;padding:.2rem;cursor:pointer}.mobile-nav{padding:.3rem .6rem .5rem;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:.1rem;border-top:.025rem solid rgba(168,184,169,.15)}.mobile-nav-item{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:.3rem;padding:.3rem .4rem;border-radius:.3rem;cursor:pointer;-webkit-transition:background .2s;transition:background .2s}.mobile-nav-item:hover,.mobile-nav-item.active{background:rgba(168,184,169,.15)}.mobile-nav-label{font-size:.375rem;color:#383532;font-weight:500}.mobile-nav-item.active .mobile-nav-label{color:#5a8fb8}.web-main{-webkit-flex:1;-ms-flex:1;flex:1;margin-top:1.8rem}.web-footer{background:#383532;padding:1.5rem .6rem .6rem;margin-top:auto}.footer-inner{max-width:30rem;margin:0 auto;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;gap:1.5rem;padding-bottom:1rem;border-bottom:.025rem solid rgba(255,255,255,.1)}.footer-brand{max-width:7.5rem}.footer-logo{font-size:.5rem;font-weight:700;color:#fff;display:block;margin-bottom:.3rem}.footer-desc{font-size:.35rem;color:#fff9;line-height:1.6}.footer-links{display:-webkit-flex;display:-ms-flexbox;display:flex;gap:1.5rem}.footer-col{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:.25rem}.footer-col-title{font-size:.35rem;font-weight:600;color:#fff;margin-bottom:.1rem}.footer-link{font-size:.325rem;color:#ffffff80;cursor:pointer;-webkit-transition:color .2s;transition:color .2s}.footer-link:hover{color:#ffffffe6}.footer-bottom{max-width:30rem;margin:0 auto;padding-top:.6rem;text-align:center}.footer-copyright{font-size:.3rem;color:#fff6}@media (max-width: 768px){.header-nav,.header-cta{display:none}.mobile-menu-btn{display:-webkit-flex;display:-ms-flexbox;display:flex}.header-inner{height:1.5rem;padding:0 .4rem}.web-main{margin-top:1.5rem}.footer-inner{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:1rem}.footer-links{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:.75rem}.footer-brand{max-width:100%}}