*{box-sizing:border-box}body{color:#1f2937;background:#f5f7fa;margin:0;font-family:Arial,sans-serif}.app{min-height:100vh}.topbar{background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;height:64px;padding:0 32px;display:flex}.logo{font-size:20px;font-weight:700}.user{color:#6b7280}.content{max-width:1100px;margin:0 auto;padding:48px 24px}.page-header{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}h1{margin:0 0 8px;font-size:32px}.page-header p{color:#6b7280;margin:0}.add-button{color:#fff;cursor:pointer;background:#111827;border:none;border-radius:8px;padding:12px 18px;font-size:14px;font-weight:600}.computer-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;justify-content:space-between;align-items:center;padding:24px;display:flex}.computer-info{align-items:center;gap:16px;display:flex}.computer-icon{background:#f3f4f6;border-radius:10px;justify-content:center;align-items:center;width:52px;height:52px;font-size:25px;display:flex}.computer-card h2{margin:0 0 8px;font-size:18px}.status{color:#6b7280;align-items:center;gap:8px;font-size:14px;display:flex}.status-dot{background:#9ca3af;border-radius:50%;width:8px;height:8px}.connect-button{color:#9ca3af;cursor:not-allowed;background:#e5e7eb;border:none;border-radius:7px;padding:10px 18px}