.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;border:1px solid var(--glass-border);background:var(--surface-hover);color:var(--color-primary);cursor:pointer;font-size:20px;flex-shrink:0;padding:0;transition:border-color .2s,color .2s,background .2s}.theme-toggle--fixed{position:fixed;top:16px;right:16px;z-index:10001;box-shadow:var(--shadow-back);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.hub-shell{max-width:1100px;width:100%;margin:0 auto;padding:32px 20px 48px;display:flex;flex-direction:column;align-items:center}.hub-shell h1{margin:0;font-size:clamp(24px,3.5vw,40px);line-height:1.05;letter-spacing:-.03em;font-weight:800;text-transform:uppercase}.hub-lead{margin:12px 0 0;max-width:52ch;font-size:15px;line-height:1.6;color:var(--text-muted)}.panel{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:24px;box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);position:relative;overflow:hidden}.panel:after{content:"";position:absolute;top:0;right:0;width:150px;height:150px;background:radial-gradient(circle at top right,var(--panel-glow),transparent);pointer-events:none}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--color-primary);margin-bottom:12px;font-weight:700}.eyebrow:before{content:"";width:26px;height:2px;background:var(--color-primary);border-radius:99px}.persona-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;width:100%;margin-top:28px}.persona-card{display:flex;flex-direction:column;justify-content:space-between;min-height:220px;padding:28px;text-decoration:none;color:inherit;transition:transform .2s ease,border-color .2s,box-shadow .2s}.persona-card:hover{transform:translateY(-4px);border-color:var(--color-primary);box-shadow:var(--shadow-glow-emerald)}.persona-card.tecnico{border-top:4px solid #34d399}.persona-card.gestor{border-top:4px solid #a78bfa}.persona-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:26px;margin-bottom:16px;border:1px solid var(--glass-border)}.persona-card.tecnico .persona-icon{color:var(--accent-tecnico);background:var(--persona-tecnico-bg);border-color:var(--persona-tecnico-border)}.persona-card.gestor .persona-icon{color:var(--accent-fechamento-fg);background:var(--persona-gestor-bg);border-color:var(--persona-gestor-border)}.persona-card h2{margin:0 0 8px;font-size:22px;font-weight:700}.persona-card p{margin:0;font-size:13px;line-height:1.5;color:var(--text-muted)}.persona-cta{margin-top:20px;font-size:13px;font-weight:700;color:var(--color-primary);display:flex;align-items:center;gap:6px}.hub-section{width:100%;margin-top:32px}.hub-section-header{display:flex;align-items:center;gap:10px;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid var(--glass-border)}.hub-section-icon{font-size:18px;line-height:1;flex-shrink:0}.hub-section-title{margin:0;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.hub-section-count{margin-left:auto;font-size:10px;font-weight:700;color:var(--text-subtle);text-transform:uppercase;letter-spacing:.06em}.persona-features{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}.persona-features li{font-size:12px;color:var(--text-muted);display:flex;align-items:center;gap:8px}.persona-features li i{font-size:14px;color:var(--color-primary);flex-shrink:0}.hub-header{width:100%;margin-bottom:8px}.hub-header-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.hub-header-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.hub-section .screen-grid{margin-top:0}.back-link{font-size:12px;font-weight:600;color:var(--text-subtle);text-decoration:none;display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid var(--glass-border);border-radius:8px;background:var(--surface-hover);flex-shrink:0}.back-link:hover{color:var(--color-primary);border-color:var(--color-primary)}.screen-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;width:100%;margin-top:24px}.screen-grid.tecnico-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.link-card{display:flex;flex-direction:column;justify-content:space-between;min-height:160px;padding:20px;text-decoration:none;color:inherit;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.link-card:hover{transform:translateY(-4px);border-color:var(--color-primary);box-shadow:var(--shadow-glow-emerald)}.card-header-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.card-number{font-size:11px;color:var(--text-subtle);text-transform:uppercase;letter-spacing:.08em}.device-badge{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:3px 8px;border-radius:999px;border:1px solid var(--glass-border-bright);color:var(--color-primary);background:var(--badge-primary-bg)}.card-title{margin:12px 0 10px;font-size:17px;line-height:1.2;font-weight:700;letter-spacing:-.02em;color:var(--color-foreground)}.card-desc{margin:0;font-size:12px;line-height:1.5;color:var(--text-muted)}.card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:16px;font-size:12px;color:var(--color-primary);font-weight:700}.accent-open{border-top:4px solid var(--color-primary)}.accent-mobile{border-top:4px solid #34d399}.accent-team{border-top:4px solid #60a5fa}.accent-detail{border-top:4px solid #fbbf24}.accent-board{border-top:4px solid #a78bfa}@media(max-width:900px){.persona-grid,.screen-grid.tecnico-grid{grid-template-columns:1fr}}@media(max-width:720px){.hub-shell{padding:18px 14px 32px}.screen-grid{grid-template-columns:1fr}}.wireframe-shell,.wireframe-content{min-height:100vh}:root{--primitive-brand-blue-500: #23333e;--primitive-brand-blue-900: #0a1114;--primitive-brand-blue-800: #121d24;--primitive-emerald-500: #50b488;--primitive-emerald-600: #0f6e56;--primitive-emerald-glow: rgba(80, 180, 136, .4);--primitive-emerald-intense: #65dfaa;--color-danger: #ff4d4d;--color-danger-glow: rgba(255, 77, 77, .3);--color-warning: #ffb347;--color-warning-glow: rgba(255, 179, 71, .3);--radius-lg: 16px;--radius-md: 10px;--button-radius: 8px;--accent-tecnico: #34d399;--accent-gestor: #a78bfa;--accent-team: #60a5fa;--accent-detail: #fbbf24}:root,[data-theme=dark]{--color-background: var(--primitive-brand-blue-900);--color-foreground: #eef2f3;--color-surface: var(--primitive-brand-blue-800);--color-border: rgba(80, 180, 136, .2);--color-primary: var(--primitive-emerald-500);--color-primary-hover: var(--primitive-emerald-intense);--color-primary-foreground: #0a1114;--color-accent: var(--primitive-emerald-intense);--color-success: var(--primitive-emerald-500);--color-success-bg: rgba(80, 180, 136, .1);--color-error: var(--color-danger);--color-error-bg: rgba(255, 77, 77, .1);--color-warn: var(--color-warning);--color-warn-bg: rgba(255, 179, 71, .1);--text-muted: rgba(255, 255, 255, .65);--text-subtle: rgba(255, 255, 255, .5);--text-faint: rgba(255, 255, 255, .4);--text-on-primary: #000;--glass-bg: rgba(18, 29, 36, .7);--glass-border: rgba(80, 180, 136, .2);--glass-border-bright: rgba(80, 180, 136, .5);--surface-muted: rgba(255, 255, 255, .03);--surface-hover: rgba(255, 255, 255, .05);--surface-elevated: rgba(0, 0, 0, .2);--surface-inset: rgba(255, 255, 255, .06);--input-bg: rgba(255, 255, 255, .05);--card-bg: var(--glass-bg);--card-border: var(--glass-border);--card-radius: var(--radius-lg);--card-shadow: 0 4px 24px rgba(0, 0, 0, .4);--shadow-card: 0 18px 40px rgba(0, 0, 0, .2);--shadow-back: 0 8px 24px rgba(0, 0, 0, .35);--shadow-glow-emerald: 0 0 15px var(--primitive-emerald-glow);--shadow-glow-danger: 0 0 15px var(--color-danger-glow);--chart-grid: rgba(255, 255, 255, .05);--chart-text: rgba(255, 255, 255, .4);--chart-bar-dim: rgba(255, 255, 255, .1);--chart-line-contrast: #fff;--bg-gradient-a: rgba(80, 180, 136, .15);--bg-gradient-b: rgba(35, 51, 62, .3);--panel-glow: rgba(80, 180, 136, .1);--back-btn-bg: rgba(10, 17, 20, .9);--persona-tecnico-bg: rgba(52, 211, 153, .1);--persona-tecnico-border: rgba(52, 211, 153, .35);--persona-gestor-bg: rgba(167, 139, 250, .1);--persona-gestor-border: rgba(167, 139, 250, .35);--badge-primary-bg: rgba(80, 180, 136, .1);--accent-fechamento-bg: rgba(167, 139, 250, .15);--accent-fechamento-fg: #c4b5fd;--accent-fechamento-border: rgba(167, 139, 250, .35);--accent-claro-bg: rgba(96, 165, 250, .12);--accent-claro-fg: #93c5fd;--accent-claro-border: rgba(96, 165, 250, .3)}[data-theme=light]{--color-background: #f4f7f6;--color-foreground: #1a2428;--color-surface: #ffffff;--color-border: #e2e8e6;--color-primary: var(--primitive-emerald-600);--color-primary-hover: var(--primitive-emerald-500);--color-primary-foreground: #ffffff;--color-accent: var(--primitive-emerald-500);--color-success: var(--primitive-emerald-600);--color-success-bg: rgba(15, 110, 86, .1);--color-error: #dc2626;--color-error-bg: rgba(220, 38, 38, .08);--color-warn: #d97706;--color-warn-bg: rgba(217, 119, 6, .1);--text-muted: rgba(26, 36, 40, .65);--text-subtle: rgba(26, 36, 40, .5);--text-faint: rgba(26, 36, 40, .4);--text-on-primary: #fff;--glass-bg: rgba(255, 255, 255, .92);--glass-border: #e2e8e6;--glass-border-bright: rgba(15, 110, 86, .35);--surface-muted: #f0f4f3;--surface-hover: #e8eeec;--surface-elevated: #ffffff;--surface-inset: #eef2f1;--input-bg: #f8faf9;--card-bg: var(--glass-bg);--card-border: var(--glass-border);--card-shadow: 0 4px 20px rgba(26, 36, 40, .08);--shadow-card: 0 12px 32px rgba(26, 36, 40, .08);--shadow-back: 0 4px 16px rgba(26, 36, 40, .12);--shadow-glow-emerald: 0 0 12px rgba(15, 110, 86, .2);--shadow-glow-danger: 0 0 12px rgba(220, 38, 38, .15);--chart-grid: rgba(26, 36, 40, .08);--chart-text: rgba(26, 36, 40, .45);--chart-bar-dim: rgba(26, 36, 40, .12);--chart-line-contrast: #1a2428;--bg-gradient-a: rgba(80, 180, 136, .08);--bg-gradient-b: rgba(35, 51, 62, .05);--panel-glow: rgba(80, 180, 136, .06);--back-btn-bg: rgba(255, 255, 255, .95);--persona-tecnico-bg: rgba(15, 110, 86, .08);--persona-tecnico-border: rgba(15, 110, 86, .25);--persona-gestor-bg: rgba(124, 58, 237, .08);--persona-gestor-border: rgba(124, 58, 237, .25);--badge-primary-bg: rgba(15, 110, 86, .1);--accent-fechamento-bg: rgba(124, 58, 237, .1);--accent-fechamento-fg: #6d28d9;--accent-fechamento-border: rgba(124, 58, 237, .3);--accent-claro-bg: rgba(37, 99, 235, .1);--accent-claro-fg: #1d4ed8;--accent-claro-border: rgba(37, 99, 235, .25)}body{background-color:var(--color-background);background-image:radial-gradient(circle at 0% 0%,var(--bg-gradient-a) 0%,transparent 40%),radial-gradient(circle at 100% 100%,var(--bg-gradient-b) 0%,transparent 40%);background-attachment:fixed;color:var(--color-foreground);font-family:Inter,system-ui,-apple-system,sans-serif;margin:0;min-height:100vh;transition:background-color .2s ease,color .2s ease}.wireframe-back{position:fixed;top:16px;left:16px;z-index:10000;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;border:1px solid var(--glass-border-bright);background:var(--back-btn-bg);color:var(--color-primary);text-decoration:none;font-size:22px;box-shadow:var(--shadow-back);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:border-color .2s,color .2s,transform .2s}.wireframe-back:hover{color:var(--color-primary-hover);border-color:var(--color-primary);transform:translate(-2px)}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;border:1px solid var(--glass-border);background:var(--surface-hover);color:var(--color-primary);cursor:pointer;font-size:20px;flex-shrink:0;transition:border-color .2s,color .2s,background .2s}.theme-toggle:hover{border-color:var(--color-primary);background:var(--badge-primary-bg)}.hub-header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}*,*:before,*:after{box-sizing:border-box}#root{min-height:100vh}code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}