*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;background:#f0f7f0;color:#1e293b;min-height:100vh}.app-header{display:flex;align-items:center;gap:16px;padding:16px 32px;background:linear-gradient(135deg,#e8f5e8,#d4edda);border-bottom:1px solid #b8d4b8}.logo{width:36px;height:36px;background:linear-gradient(135deg,#2d7a4a,#1a5a35);border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;color:#fff}.app-header h1{font-size:20px;background:linear-gradient(135deg,#1a3a2a,#2d5a3d);-webkit-background-clip:text;-webkit-text-fill-color:transparent}nav{display:flex;gap:8px;margin-left:32px}nav a{padding:6px 16px;font-size:14px;color:#4a6a5a;text-decoration:none;border-radius:6px;transition:all .2s}nav a:hover{color:#2d7a4a;background:#2d7a4a14}nav a.router-link-active{color:#2d7a4a;background:#2d7a4a1f}.nav-dropdown{position:relative}.dropdown-trigger{padding:6px 16px;font-size:14px;color:#4a6a5a;cursor:pointer;border-radius:6px;transition:all .2s;-webkit-user-select:none;user-select:none}.dropdown-trigger:hover{color:#2d7a4a;background:#2d7a4a14}.nav-dropdown.open .dropdown-trigger{color:#2d7a4a;background:#2d7a4a1f}.arrow{font-size:10px}.dropdown-menu{position:absolute;top:100%;left:0;z-index:100;background:#fff;border:1px solid #d4e8d4;border-radius:8px;box-shadow:0 4px 16px #0000001a;padding:4px;min-width:140px;margin-top:4px}.dropdown-menu a{display:block;padding:8px 14px;font-size:13px;color:#4a6a5a;text-decoration:none;border-radius:6px;transition:all .15s}.dropdown-menu a:hover{color:#2d7a4a;background:#2d7a4a14}.dropdown-menu a.router-link-active{color:#2d7a4a;background:#2d7a4a1f}.status{margin-left:auto;font-size:12px;padding:4px 12px;border-radius:4px;font-weight:600}.status.ok{background:#10b98126;color:#10b981}.status.off{background:#ef444426;color:#ef4444}main{padding:24px 32px;max-width:1600px;margin:0 auto}