:root{--woori-blue:#0054a6;--woori-dark:#003d7a;--woori-light:#44afe3;--admin-bg:#f8fafc;--sidebar-bg:#fff;--text-main:#1e293b;--text-sub:#64748b;--border-color:#e2e8f0;--card-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--header-height:70px}.admin-container{display:flex;min-height:100vh;background-color:var(--admin-bg)!important;font-family:Pretendard Variable,Pretendard,Noto Sans KR,sans-serif;color:var(--text-main);overflow-x:hidden}.admin-sidebar{width:260px;background:var(--sidebar-bg);border-right:1px solid var(--border-color);display:flex;flex-direction:column;position:fixed;height:100vh;z-index:100;box-shadow:4px 0 24px rgba(0,0,0,.02);transition:transform .3s ease,width .3s cubic-bezier(.4,0,.2,1)}.sidebar-collapsed .admin-sidebar{transform:translateX(-100%);border-right:none;overflow:hidden}.sidebar-close-btn{display:none;position:absolute;top:15px;right:15px;background:none;border:none;color:var(--text-main);cursor:pointer;z-index:110;width:40px;height:40px;align-items:center;justify-content:center;border-radius:50%;transition:background .2s}.sidebar-close-btn:hover{background:#f1f5f9}.sidebar-logo{padding:30px 24px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;gap:10px}.sidebar-nav{padding:20px 12px;flex:1}.nav-item{display:flex;align-items:center;padding:12px 16px;color:var(--text-sub);text-decoration:none;font-size:14px;font-weight:600;border-radius:8px;transition:all .2s cubic-bezier(.4,0,.2,1);margin-bottom:4px}.nav-item .nav-icon{margin-right:12px;width:20px;height:20px;opacity:.7}.nav-item:hover{background-color:#f1f5f9;color:var(--woori-blue)}.nav-item.active{background-color:var(--woori-blue);color:#fff;box-shadow:0 4px 12px rgba(0,84,166,.2)}.sidebar-footer{padding:20px 12px;border-top:1px solid var(--border-color)}.admin-main-wrapper{margin-left:260px;flex:1;display:flex;width:calc(100% - 260px);transition:margin-left .3s cubic-bezier(.4,0,.2,1),width .3s cubic-bezier(.4,0,.2,1)}.sidebar-collapsed .admin-main-wrapper{margin-left:0;width:100%}.admin-main{flex:1;min-width:500px;display:flex;flex-direction:column;background:var(--admin-bg)}.admin-header{height:var(--header-height);background:#fff;border-bottom:1px solid var(--border-color);justify-content:space-between;padding:0 40px;position:sticky;top:0;z-index:90;box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}.admin-header,.header-left{display:flex;align-items:center}.header-left{gap:20px}.sidebar-toggle-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:#f1f5f9;border:1px solid var(--border-color);border-radius:12px;color:var(--text-main);cursor:pointer;transition:all .2s}.sidebar-toggle-btn:hover{background:#e2e8f0;color:var(--woori-blue)}.sidebar-toggle-btn:active{transform:scale(.95)}.page-title{font-family:Pretendard Variable,sans-serif;font-size:16px;font-weight:800;color:var(--text-main)}.breadcrumb-nav{display:flex;align-items:center;gap:8px}.breadcrumb-sub{font-size:11px;font-weight:900;color:var(--woori-blue);opacity:.5;letter-spacing:.1em}.header-right{gap:24px}.header-right,.lang-switcher{display:flex;align-items:center}.lang-switcher{gap:8px;font-size:13px;color:var(--text-sub);background:#f1f5f9;padding:6px 14px;border-radius:8px;border:1px solid var(--border-color)}.lang-switcher select{background:transparent;border:none;font-weight:700;cursor:pointer;outline:none}.preview-control-pill{display:flex;align-items:center;gap:8px;cursor:pointer;padding:10px 20px;border-radius:10px;background:#fff;color:var(--text-sub);font-size:13px;font-weight:700;border:1px solid var(--border-color)}.preview-control-pill.active{background:#f1f5f9;color:var(--woori-blue);border-color:var(--woori-blue)}.user-profile{display:flex;align-items:center;gap:15px}.user-avatar{width:36px;height:36px;background:var(--woori-blue);color:#fff;border-radius:10px;font-size:12px;font-weight:800}.admin-resizer,.user-avatar{display:flex;align-items:center;justify-content:center}.admin-resizer{width:2px;background:var(--border-color);cursor:col-resize;position:relative;z-index:150}.resizer-knob{width:28px;height:54px;background:#fff;border:1px solid var(--border-color);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#cbd5e1}.admin-preview-panel{flex:1;background:#f1f5f9;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow:hidden;border-left:1px solid var(--border-color)}.preview-header{height:var(--header-height);background:#fff;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;padding:0 24px}.preview-viewport-container{flex:1;padding:40px;display:flex;justify-content:center;align-items:flex-start;overflow-y:auto;background:#f1f5f9;background-image:linear-gradient(var(--border-color) 1px,transparent 1px),linear-gradient(90deg,var(--border-color) 1px,transparent 1px);background-size:30px 30px}.preview-viewport{background:#fff;box-shadow:0 25px 50px -12px rgba(0,0,0,.15);overflow:hidden;border:1px solid var(--border-color)}.preview-viewport.desktop{width:100%;height:100%;border-radius:12px}.preview-viewport.mobile{width:375px;height:667px;border-radius:8px;border:12px solid #0f172a;position:relative}.preview-iframe{width:100%;height:100%;border:none}.lg-hide{display:none}@media (max-width:1200px){.admin-sidebar{transform:translateX(-100%)}.admin-sidebar.open{transform:translateX(0)}.admin-main-wrapper{margin-left:0;width:100%}.admin-main{min-width:100%}.admin-header{padding:0 20px;height:64px}.header-right .lang-switcher,.header-right .preview-control-pill,.sidebar-toggle-btn{display:none!important}.user-info .user-name{display:none}.admin-content{padding:15px}.mobile-overlay{position:fixed;inset:0;background:rgba(15,23,42,.5);z-index:95}.admin-preview-panel,.admin-resizer{display:none!important}.lg-hide{display:flex!important}.form-grid-premium{grid-template-columns:1fr!important;gap:20px!important}.span-2{grid-column:span 1!important}.multi-lang-row{grid-template-columns:1fr!important;gap:15px!important}}.admin-card{background:#fff;border:1px solid var(--border-color);border-radius:12px;padding:24px;box-shadow:var(--card-shadow)}