html,body,#root{margin:0;height:100%;font-family:Inter,sans-serif}.app.dark{background:#020617;color:#fff}.app.light{background:#f1f5f9;color:#0f172a}.layout{display:flex;height:100vh;transition:all .3s ease}.sidebar{width:240px;padding:30px 20px;background:linear-gradient(180deg,#0f172a,#020617);transition:.3s;flex-shrink:0}.layout.sidebar-hidden .sidebar{width:0;padding:30px 0;overflow:hidden}.main{flex:1;padding:20px 40px;transition:.3s}.header{display:flex;justify-content:space-between;align-items:center}.burger{font-size:22px;background:none;border:none;cursor:pointer;color:inherit}.header-right{display:flex;gap:15px;align-items:center}.theme-btn{border:none;background:#6366f1;color:#fff;padding:8px 12px;border-radius:50px;cursor:pointer}.logout-btn{background:#dc2626;color:#fff;border:none;padding:8px 14px;border-radius:8px;cursor:pointer}.widgets{display:flex;gap:20px;margin:30px 0}.widget{flex:1;padding:20px;border-radius:16px;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.tile{padding:20px;border-radius:16px;cursor:pointer;transition:.3s;background:#ffffff0d}.tile:hover{transform:translateY(-5px)}.status-badge{display:inline-block;margin-top:10px;padding:4px 10px;border-radius:20px;font-size:12px}.tile.online .status-badge{background:#16a34a}.tile.offline .status-badge{background:#dc2626}.login-page{display:flex;justify-content:center;align-items:center;height:100vh}.login-card{padding:40px;border-radius:16px;background:#ffffff0d;display:flex;flex-direction:column;gap:15px;width:300px}.login-card input{padding:10px;border-radius:8px;border:none}.login-card button{padding:10px;border-radius:8px;border:none;background:linear-gradient(90deg,#6366f1,#8b5cf6);color:#fff;cursor:pointer}.login-toggle{position:absolute;top:30px;right:30px;border:none;background:#6366f1;color:#fff;padding:8px 12px;border-radius:50px;cursor:pointer}body.light{background:#f1f5f9;color:#0f172a}body.dark{background:#020617;color:#fff}.sidebar{width:240px;padding:30px 20px;transition:.3s;flex-shrink:0}body.dark .sidebar{background:linear-gradient(180deg,#0f172a,#020617);color:#fff}body.light .sidebar{background:#fff;color:#0f172a;box-shadow:2px 0 10px #0000000d}.menu-item{padding:12px;border-radius:10px;cursor:pointer;margin-bottom:10px}.menu-item.active{background:linear-gradient(90deg,#6366f1,#8b5cf6);color:#fff}.settings-page{padding:40px}