*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #f5f0eb;--bg-card: #ffffff;--bg-dark: #1a1a1a;--text: #1a1a1a;--text-secondary: #7a7570;--text-muted: #b0a8a0;--accent-green: #44d62c;--accent-copper: #b2886f;--accent-copper-light: #d4b89c;--border: #e8e2dc;--radius: 16px;--radius-sm: 10px;--shadow: 0 2px 12px rgba(0, 0, 0, .06)}html,body,#root{width:100%;min-height:100vh;font-family:IBM Plex Sans,sans-serif;background:var(--bg);color:var(--text)}.admin-portal{width:100%;padding:32px 40px 60px}.portal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:40px;padding-bottom:24px;border-bottom:1px solid var(--border)}.portal-header-left{display:flex;align-items:center;gap:16px}.portal-logo{display:flex;align-items:center;gap:8px}.logo-stack{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.portal-logo .logo-mark{height:14px;width:auto;object-fit:contain}.portal-logo .logo-text{height:20px;width:auto;object-fit:contain}.portal-logo .subtitle{font-weight:400;font-size:14px;color:var(--text-secondary);margin-left:8px}.portal-header-right{display:flex;align-items:center;gap:16px}.server-badge{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:13px;color:var(--text-secondary)}.server-badge .dot{width:8px;height:8px;border-radius:50%;background:var(--accent-green)}.sections-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;width:100%}@media(max-width:1200px){.sections-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.sections-grid{grid-template-columns:1fr}}.section{margin-bottom:0}.section-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.section-icon{width:36px;height:36px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.section-icon.green{background:#44d62c1f;color:var(--accent-green)}.section-icon.copper{background:#b2886f1f;color:var(--accent-copper)}.section-icon.dark{background:#1a1a1a14;color:var(--text)}.section-title{font-weight:600;font-size:16px;letter-spacing:-.01em}.section-subtitle{font-weight:400;font-size:13px;color:var(--text-secondary)}.service-grid{display:flex;flex-direction:column;gap:8px;width:100%}.service-card{display:flex;align-items:center;gap:14px;padding:16px 20px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);text-decoration:none;color:inherit;transition:all .15s ease}.service-card.clickable{background:#44d62c0a;border-color:#44d62c26;box-shadow:0 2px 8px #0000000f;cursor:pointer}.service-card.clickable:hover{border-color:var(--accent-green);box-shadow:0 4px 16px #0000001a;transform:translateY(-2px)}.service-card.flat{background:#b2886f0a;border-color:#b2886f1f;box-shadow:none;cursor:default}.card-icon{width:40px;height:40px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:20px}.card-icon.green{background:#44d62c1a;color:var(--accent-green)}.card-icon.copper{background:#b2886f1a;color:var(--accent-copper)}.card-icon.dark{background:#1a1a1a0f;color:var(--text-muted)}.card-logo{width:24px;height:24px;object-fit:contain;flex-shrink:0;opacity:.7}.card-emoji{font-size:20px;flex-shrink:0;width:24px;text-align:center}.card-body{flex:1;min-width:0}.card-name{font-weight:600;font-size:14px;line-height:1.3;margin-bottom:2px}.card-desc{font-weight:400;font-size:12px;color:var(--text-secondary);line-height:1.4}@media(max-width:768px){.admin-portal{padding:20px 16px 40px}.service-grid{grid-template-columns:1fr}.portal-header{flex-direction:column;align-items:flex-start;gap:16px}}