@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=DM+Mono&display=swap";:root{--color-bg: #f0f4f9;--color-card: #ffffff;--color-border: #e8edf3;--color-primary: #007bff;--color-success: #22c55e;--color-warning: #f59e0b;--color-danger: #dc2626;--color-text: #0d1a2d;--color-text-secondary: #6b7a8d;--color-text-muted: #aab4c0;--radius-card: 12px;--radius-btn: 8px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:DM Sans,sans-serif;background:var(--color-bg);color:var(--color-text)}.panel-layout{display:flex;min-height:100vh}.panel-sidebar{width:210px;background:var(--color-card);border-right:1px solid var(--color-border);display:flex;flex-direction:column;flex-shrink:0}.sidebar-logo{padding:20px;font-weight:600;font-size:16px;color:var(--color-primary);border-bottom:1px solid var(--color-border)}.sidebar-nav{flex:1;padding:12px 8px;display:flex;flex-direction:column;gap:2px}.sidebar-nav-item{display:block;padding:10px 12px;border-radius:var(--radius-btn);color:var(--color-text-secondary);text-decoration:none;font-size:14px;font-weight:500;transition:all .15s}.sidebar-nav-item:hover{background:var(--color-bg);color:var(--color-text)}.sidebar-nav-item.active{background:#eef4ff;color:var(--color-primary)}.sidebar-footer{padding:16px 20px;border-top:1px solid var(--color-border)}.panel-main{flex:1;display:flex;flex-direction:column;min-width:0}.panel-topbar{height:56px;background:var(--color-card);border-bottom:1px solid var(--color-border);display:flex;align-items:center;padding:0 28px;font-weight:600;font-size:15px}.panel-content{flex:1;padding:28px}.card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:24px}.card-title{font-size:13px;font-weight:600;color:var(--color-text);margin-bottom:16px;text-transform:uppercase;letter-spacing:.04em}.metric-card{position:relative;padding-left:20px}.metric-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:12px 0 0 12px}.metric-card--primary:before{background:var(--color-primary)}.metric-card--success:before{background:var(--color-success)}.metric-card--warning:before{background:var(--color-warning)}.metric-card--danger:before{background:var(--color-danger)}.metric-value{font-size:28px;font-weight:600;color:var(--color-text)}.metric-label{font-size:12px;color:var(--color-text-secondary);margin-top:4px}.btn-primary{background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-btn);padding:8px 16px;font-weight:500;font-size:14px;cursor:pointer;text-decoration:none;display:inline-block}.btn-primary:hover{background:#0062cc}.btn-secondary{background:transparent;color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-btn);padding:8px 16px;font-weight:500;font-size:14px;cursor:pointer;text-decoration:none;display:inline-block}.btn-secondary:hover{background:var(--color-bg)}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:500}.badge--active{background:#dcfce7;color:#166534}.badge--pending{background:#fef9c3;color:#854d0e}.badge--suspended{background:#fee2e2;color:#991b1b}input,select,textarea{border:1px solid var(--color-border);border-radius:var(--radius-btn);padding:8px 12px;font-size:14px;font-family:inherit;width:100%;outline:none;transition:border-color .15s}input:focus,select:focus,textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #007bff1a}.activity-item{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--color-border)}.activity-item:last-child{border-bottom:none}