:root{--color-primary: #1a73e8;--color-primary-hover: #1557b0;--color-primary-light: #e8f0fe;--color-danger: #d93025;--color-success: #1e8e3e;--color-warning: #f9ab00;--color-text-primary: #202124;--color-text-secondary: #5f6368;--color-text-disabled: #9aa0a6;--color-border: #dadce0;--color-background: #f8f9fa;--color-surface: #ffffff;--shadow-sm: 0 1px 2px 0 rgba(60, 64, 67, .3), 0 1px 3px 1px rgba(60, 64, 67, .15);--shadow-md: 0 1px 3px 0 rgba(60, 64, 67, .3), 0 4px 8px 3px rgba(60, 64, 67, .15);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 24px;--radius-full: 9999px;--font-family: "Google Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--sidebar-width: 280px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);font-size:14px;color:var(--color-text-primary);background-color:var(--color-background);line-height:1.5}.app-container{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);background:var(--color-surface);border-right:1px solid var(--color-border);padding:var(--spacing-lg);position:fixed;height:100vh;overflow-y:auto}.sidebar-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-border)}.sidebar-logo{font-size:20px;font-weight:500;color:var(--color-primary)}.sidebar-nav{list-style:none}.sidebar-nav-item{margin-bottom:var(--spacing-xs)}.sidebar-nav-link{display:flex;align-items:center;gap:var(--spacing-md);padding:12px var(--spacing-md);border-radius:var(--radius-lg);color:var(--color-text-primary);text-decoration:none;transition:background-color .2s}.sidebar-nav-link:hover{background-color:var(--color-background)}.sidebar-nav-link.active{background-color:var(--color-primary-light);color:var(--color-primary);font-weight:500}.sidebar-nav-link svg{width:20px;height:20px;flex-shrink:0}.main-content{flex:1;margin-left:var(--sidebar-width);padding:var(--spacing-xl)}.page-header{margin-bottom:var(--spacing-xl)}.page-title{font-size:24px;font-weight:400;margin-bottom:var(--spacing-sm)}.page-subtitle{color:var(--color-text-secondary)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md)}.card-title{font-size:16px;font-weight:500}.card-actions{display:flex;gap:var(--spacing-sm)}.list-item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) 0;border-bottom:1px solid var(--color-border)}.list-item:last-child{border-bottom:none}.list-item-content{flex:1}.list-item-title{font-weight:500;margin-bottom:var(--spacing-xs)}.list-item-subtitle{font-size:12px;color:var(--color-text-secondary)}.list-item-action{flex-shrink:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:8px 16px;font-size:14px;font-weight:500;border-radius:var(--radius-sm);border:none;cursor:pointer;transition:background-color .2s}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover{background-color:var(--color-primary-hover)}.btn-secondary{background-color:transparent;color:var(--color-primary);border:1px solid var(--color-border)}.btn-secondary:hover{background-color:var(--color-primary-light);border-color:var(--color-primary-light)}.btn-danger{background-color:transparent;color:var(--color-danger)}.btn-danger:hover{background-color:#fce8e6}.avatar{width:96px;height:96px;border-radius:var(--radius-full);background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-size:40px;font-weight:500}.user-card{display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-lg);background:linear-gradient(135deg,#667eea,#764ba2);border-radius:var(--radius-md);color:#fff;margin-bottom:var(--spacing-xl)}.user-card-info h2{font-size:24px;font-weight:400;margin-bottom:var(--spacing-xs)}.user-card-info p{opacity:.9}.security-score{display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-lg);background:#e6f4ea;border-radius:var(--radius-md);margin-bottom:var(--spacing-lg)}.security-score.warning{background:#fef7e0}.security-score-icon{width:48px;height:48px;border-radius:var(--radius-full);background:var(--color-success);display:flex;align-items:center;justify-content:center}.security-score.warning .security-score-icon{background:var(--color-warning)}.device-card{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--spacing-md)}.device-card.current{border-color:var(--color-primary);background:var(--color-primary-light)}.device-icon{width:40px;height:40px;background:var(--color-background);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}@media(max-width:768px){.sidebar{display:none}.main-content{margin-left:0}}