.login-card[data-v-7d5ea83f]{background:#fff;padding:40px;border-radius:12px;box-shadow:0 4px 20px #0000004d;width:360px}h2[data-v-7d5ea83f]{margin-bottom:24px;text-align:center}.field[data-v-7d5ea83f]{margin-bottom:16px}label[data-v-7d5ea83f]{display:block;margin-bottom:6px;font-size:.9rem;color:#555}input[data-v-7d5ea83f]{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:1rem}button[data-v-7d5ea83f]{width:100%;padding:12px;background:#3498db;color:#fff;border:none;border-radius:6px;font-size:1rem;cursor:pointer;margin-top:8px}button[data-v-7d5ea83f]:hover{background:#2980b9}button[data-v-7d5ea83f]:disabled{background:#bdc3c7}.error[data-v-7d5ea83f]{color:#e74c3c;font-size:.85rem;margin-bottom:8px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:13px;background:#ecf0f1;color:#2c3e50}.app-layout{display:flex;flex-direction:column;height:100vh}.top-bar{height:36px;background:linear-gradient(to bottom,#3a7bd5,#2c5aa0);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 12px;flex-shrink:0}.top-left{display:flex;align-items:center;gap:8px}.app-title{font-size:14px;font-weight:700;letter-spacing:.5px}.version{font-size:10px;opacity:.7}.top-right{display:flex;align-items:center;gap:12px}.user-info{font-size:12px;opacity:.9}.top-btn{background:none;border:none;color:#fff;cursor:pointer;padding:4px 8px;opacity:.8}.top-btn:hover{opacity:1}.main-area{display:flex;flex:1;overflow:hidden}.sidebar{width:200px;background:#2c3e50;color:#bdc3c7;display:flex;flex-direction:column;overflow-y:auto;flex-shrink:0;transition:width .2s;position:relative}.sidebar.collapsed{width:44px}.collapse-btn{position:absolute;top:4px;right:4px;background:none;border:none;color:#7f8c8d;cursor:pointer;padding:4px;font-size:12px;z-index:1}.collapse-btn:hover{color:#fff}.nav-tree{padding-top:24px}.nav-group{margin-bottom:4px}.nav-group-title{font-size:10px;font-weight:700;color:#7f8c8d;padding:8px 12px 4px;letter-spacing:.5px}.nav-item{display:flex;align-items:center;gap:8px;padding:6px 12px 6px 20px;color:#bdc3c7;text-decoration:none;font-size:12px;transition:all .15s;border-left:2px solid transparent}.nav-item:hover{background:#34495e;color:#fff}.nav-item.router-link-active{background:#34495e;color:#3498db;border-left-color:#3498db}.nav-item i{font-size:12px;width:16px;text-align:center}.nav-icons{padding-top:28px;display:flex;flex-direction:column;align-items:center;gap:2px}.nav-icon{display:flex;align-items:center;justify-content:center;width:36px;height:32px;color:#bdc3c7;text-decoration:none;border-radius:4px}.nav-icon:hover{background:#34495e;color:#fff}.nav-icon.router-link-active{color:#3498db;background:#34495e}.content-area{flex:1;display:flex;flex-direction:column;overflow:hidden}.content-body{flex:1;padding:12px;overflow-y:auto}.status-bar{height:24px;background:#f0f0f0;border-bottom:1px solid #ddd;display:flex;align-items:center;padding:0 12px;gap:16px;font-size:11px;color:#666;flex-shrink:0}.status-item{display:flex;align-items:center;gap:4px}.status-item.warning{color:#e74c3c}.status-sep{flex:1}.login-page{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#2c3e50,#3a7bd5)}