:root{--primary-100: #FEF3E0;--primary-400: #FBA632;--primary-500: #F39200;--primary-600: #D97706;--neutral-0: #FFFFFF;--neutral-50: #FAFAFA;--neutral-100: #F5F5F5;--neutral-300: #D4D4D4;--neutral-500: #737373;--neutral-700: #404040;--neutral-800: #262626;--neutral-900: #171717;--neutral-950: #0A0A0A;--success: #10B981;--warning: #F59E0B;--danger: #EF4444;--info: #3B82F6;--text-xs: 12px;--text-sm: 14px;--text-base: 16px;--text-lg: 18px;--text-xl: 20px;--text-2xl: 24px;--text-3xl: 32px;--text-4xl: 48px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-12: 48px;--space-16: 64px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--font-display: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--header-h: 64px;--sidebar-w: 240px;--t-fast: .15s;--t-base: .2s}:root,[data-theme=dark]{--bg-app: var(--neutral-950);--bg-surface: var(--neutral-900);--bg-surface-2: var(--neutral-800);--bg-input: var(--neutral-900);--border: var(--neutral-800);--border-strong: var(--neutral-700);--text-primary: var(--neutral-50);--text-secondary: var(--neutral-500);--text-muted: var(--neutral-700);--shadow-card: 0 4px 24px rgba(0, 0, 0, .35);--login-gradient: linear-gradient(140deg, var(--neutral-950) 0%, var(--neutral-900) 100%);--hover-overlay: var(--neutral-800)}[data-theme=light]{--bg-app: var(--neutral-100);--bg-surface: var(--neutral-0);--bg-surface-2: var(--neutral-50);--bg-input: var(--neutral-0);--border: var(--neutral-300);--border-strong: var(--neutral-500);--text-primary: var(--neutral-900);--text-secondary: var(--neutral-700);--text-muted: var(--neutral-500);--shadow-card: 0 4px 16px rgba(15, 23, 42, .08);--login-gradient: linear-gradient(140deg, var(--neutral-100) 0%, var(--neutral-0) 100%);--hover-overlay: var(--neutral-100)}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100vh;background:var(--bg-app);color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-base);line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#app{min-height:100vh}a{color:var(--primary-500);text-decoration:none}a:hover{color:var(--primary-600)}h1,h2,h3,h4{font-family:var(--font-display);font-weight:700;margin:0;letter-spacing:-.01em;color:var(--text-primary)}:where(button,a,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--primary-500);outline-offset:2px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}.app-shell{display:grid;grid-template-columns:var(--sidebar-w) 1fr;grid-template-rows:var(--header-h) 1fr;grid-template-areas:"header header" "sidebar main";min-height:100vh}.app-header{grid-area:header;background:var(--bg-app);border-bottom:1px solid var(--border);padding:0 var(--space-6);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:30}.app-header-left{display:flex;align-items:center;gap:var(--space-4)}.app-header-logo{display:flex;align-items:center;gap:var(--space-3);height:40px}.app-header-logo img{height:36px;width:auto;display:block}.app-header-slogan{font-size:var(--text-xs);color:var(--text-secondary);letter-spacing:.02em;text-transform:uppercase;border-left:1px solid var(--border);padding-left:var(--space-4);line-height:1.3}.app-header-right{display:flex;align-items:center;gap:var(--space-3)}.user-pill{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--text-primary)}.user-avatar{width:28px;height:28px;border-radius:var(--radius-full);background:var(--primary-500);color:var(--neutral-0);display:grid;place-items:center;font-weight:600;font-size:var(--text-xs);flex-shrink:0;text-transform:uppercase}.user-email{color:var(--text-secondary);font-size:var(--text-sm);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-sidebar{grid-area:sidebar;background:var(--bg-surface);border-right:1px solid var(--border);display:flex;flex-direction:column;position:sticky;top:var(--header-h);height:calc(100vh - var(--header-h));overflow:hidden}.sidebar-nav{flex:1;overflow-y:auto;padding:var(--space-4) var(--space-3)}.sidebar-group{margin-bottom:var(--space-4)}.sidebar-group-header{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:none;cursor:pointer;padding:var(--space-2) var(--space-3);color:var(--text-secondary);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.06em;font-family:var(--font-body)}.sidebar-group-header:hover{color:var(--text-primary)}.sidebar-group-header .chevron{transition:transform var(--t-fast);font-size:10px}.sidebar-group.is-collapsed .chevron{transform:rotate(-90deg)}.sidebar-group.is-collapsed .sidebar-items{display:none}.sidebar-items{display:flex;flex-direction:column;gap:2px;margin-top:var(--space-1)}.sidebar-item{position:relative;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-sm);font-weight:500;text-decoration:none;transition:background var(--t-fast),color var(--t-fast);cursor:pointer;border:none;background:none;width:100%;text-align:left;font-family:inherit}.sidebar-item:hover{background:var(--hover-overlay);color:var(--text-primary)}.sidebar-item.is-active{background:#f392001a;color:var(--primary-500)}.sidebar-item.is-active:before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:3px;background:var(--primary-500);border-radius:0 2px 2px 0}.sidebar-item-icon{width:18px;height:18px;flex-shrink:0;display:grid;place-items:center;font-size:16px}.sidebar-item-icon img{width:18px;height:18px;object-fit:contain}.sidebar-item-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-items-tree{gap:0}.sidebar-tree{display:flex;flex-direction:column;gap:2px}.sidebar-tree-empty{font-size:var(--text-xs);color:var(--text-secondary);padding:var(--space-2) var(--space-3)}.sidebar-tree-node{display:flex;flex-direction:column}.sidebar-tree-toggle,.sidebar-tree-leaf{display:flex;align-items:center;gap:var(--space-2);width:100%;background:none;border:none;cursor:pointer;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-sm);font-weight:500;text-align:left;text-decoration:none;font-family:inherit;transition:background var(--t-fast),color var(--t-fast);min-height:36px}.sidebar-tree-toggle:hover,.sidebar-tree-leaf:hover{background:var(--hover-overlay);color:var(--text-primary)}.sidebar-tree-icon{width:16px;height:16px;flex-shrink:0;display:grid;place-items:center;font-size:14px;color:var(--text-secondary)}.sidebar-tree-icon svg{width:16px;height:16px}.sidebar-tree-icon img{width:16px;height:16px;object-fit:contain}.sidebar-tree-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-tree-chevron{font-size:10px;color:var(--text-secondary);transition:transform var(--t-fast);flex-shrink:0}.sidebar-tree-node.is-collapsed .sidebar-tree-chevron{transform:rotate(-90deg)}.sidebar-tree-node.is-collapsed>.sidebar-tree-children{display:none}.sidebar-tree-children{display:flex;flex-direction:column;gap:2px;padding-left:var(--space-4);margin-left:var(--space-3);border-left:1px solid var(--border)}.sidebar-tree-leaf{font-weight:400;color:var(--text-secondary)}.sidebar-tree-leaf:hover{color:var(--text-primary)}.sidebar-tree-leaf .sidebar-tree-icon{color:var(--primary-500)}.dashboard-section{max-width:1280px}.dashboard-placeholder{display:grid;place-items:center;min-height:320px;background:var(--bg-surface);border:1px dashed var(--border);border-radius:var(--radius-lg);color:var(--text-secondary);font-size:var(--text-sm);padding:var(--space-8);text-align:center}.sidebar-footer{border-top:1px solid var(--border);padding:var(--space-3)}.theme-toggle{display:flex;align-items:center;width:100%;background:var(--bg-surface-2);border:1px solid var(--border);border-radius:var(--radius-full);padding:4px;position:relative;cursor:pointer}.theme-toggle-option{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2);font-size:var(--text-xs);font-weight:500;color:var(--text-secondary);border-radius:var(--radius-full);transition:all var(--t-fast);z-index:1}.theme-toggle[data-active=dark] .theme-toggle-option[data-theme=dark],.theme-toggle[data-active=light] .theme-toggle-option[data-theme=light]{background:var(--primary-500);color:var(--neutral-0)}.app-main{grid-area:main;padding:var(--space-8);min-width:0}.page-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:var(--space-8);gap:var(--space-4);flex-wrap:wrap}.page-title{font-size:var(--text-3xl);margin:0}.page-subtitle{font-size:var(--text-sm);color:var(--text-secondary);margin-top:var(--space-2)}.page-actions{display:flex;gap:var(--space-3)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:10px 20px;border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;cursor:pointer;border:1px solid transparent;transition:all var(--t-base);text-decoration:none;line-height:1.2;white-space:nowrap}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary-500);color:var(--neutral-0)}.btn-primary:hover{background:var(--primary-600);color:var(--neutral-0)}.btn-secondary{background:transparent;border-color:var(--border);color:var(--text-primary)}.btn-secondary:hover{border-color:var(--primary-500);color:var(--primary-500)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:var(--hover-overlay);color:var(--text-primary)}.btn-danger{background:transparent;border-color:var(--border);color:var(--danger)}.btn-danger:hover{background:var(--danger);color:var(--neutral-0);border-color:var(--danger)}.btn-sm{padding:6px 12px;font-size:var(--text-xs)}.btn-admin{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;cursor:pointer;background:transparent;border:1px solid var(--border);color:var(--text-primary);text-decoration:none;transition:all var(--t-base)}.btn-admin:hover{border-color:var(--primary-500);color:var(--primary-500)}.btn-delete{padding:6px 12px;font-size:var(--text-xs);background:transparent;border:1px solid var(--border);color:var(--danger);border-radius:var(--radius-md);cursor:pointer;font-family:var(--font-body);font-weight:500;transition:all var(--t-base)}.btn-delete:hover{background:var(--danger);color:var(--neutral-0);border-color:var(--danger)}input[type=text],input[type=email],input[type=url],input[type=password],input[type=search],input[type=number],select,textarea{width:100%;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);padding:10px 12px;color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-sm);transition:border-color var(--t-fast),box-shadow var(--t-fast)}input:focus,select:focus,textarea:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px #f392002e;outline:none}input::placeholder,textarea::placeholder{color:var(--text-secondary)}textarea{resize:vertical;min-height:80px}input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:var(--primary-500)}label{font-size:var(--text-sm);color:var(--text-secondary);font-weight:500}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:600;font-family:var(--font-body);letter-spacing:.02em}.badge-primary{background:#f3920026;color:var(--primary-500)}.badge-success{background:#10b98126;color:var(--success)}.badge-neutral{background:var(--bg-surface-2);color:var(--text-secondary)}.badge-danger{background:#ef444426;color:var(--danger)}.badge-warning{background:#eab3082e;color:#b45309}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6)}.table-container{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.table-container table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.table-container thead{background:var(--bg-surface-2)}.table-container th{text-align:left;padding:var(--space-3) var(--space-4);font-size:var(--text-xs);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border)}.table-container td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);color:var(--text-primary);vertical-align:middle}.table-container tr:last-child td{border-bottom:none}.table-container tbody tr:hover{background:var(--hover-overlay)}.form{display:flex;flex-direction:column;gap:var(--space-3);background:var(--bg-surface);padding:var(--space-5);border:1px solid var(--border);border-radius:var(--radius-lg);max-width:480px;margin-bottom:var(--space-5)}.form-row{display:flex;gap:var(--space-3);flex-wrap:wrap}.form-row>*{flex:1;min-width:120px}.form-actions{display:flex;gap:var(--space-3);margin-top:var(--space-2)}.acessos-picker{background:var(--bg-surface);padding:var(--space-5);border-radius:var(--radius-lg);border:1px solid var(--border);max-width:720px}.acessos-picker>div{margin-bottom:var(--space-4)}.acessos-picker label{display:block;margin-bottom:var(--space-2);font-size:var(--text-sm);color:var(--text-primary);font-weight:600}.checkbox-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-2);margin-top:var(--space-2)}.checkbox-list label{display:flex;align-items:center;gap:var(--space-2);font-weight:400;margin:0;padding:var(--space-2) var(--space-3);background:var(--bg-surface-2);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;color:var(--text-primary);font-size:var(--text-sm);transition:all var(--t-fast)}.checkbox-list label:hover{border-color:var(--primary-500)}.login-page{min-height:100vh;background:var(--login-gradient);display:grid;place-items:center;padding:var(--space-6);position:relative;overflow:hidden}.login-page:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,rgba(243,146,0,.06),transparent 40%),radial-gradient(circle at 80% 70%,rgba(243,146,0,.04),transparent 40%);pointer-events:none}.login-card{position:relative;width:100%;max-width:400px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-6);padding:var(--space-12) var(--space-8)}.login-logo{max-height:200px;max-width:280px;width:auto;height:auto;margin-bottom:var(--space-2)}.login-title{font-family:var(--font-display);font-size:var(--text-4xl);margin:0;letter-spacing:-.02em;color:var(--text-primary);line-height:1}.login-subtitle{font-size:var(--text-sm);color:var(--text-secondary);margin:0;line-height:1.5}.btn-google{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-3);width:100%;background:var(--neutral-0);color:var(--neutral-900);border:1px solid var(--neutral-300);padding:12px 24px;border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-base);font-weight:500;cursor:pointer;transition:all var(--t-base)}.btn-google:hover{border-color:var(--primary-500);box-shadow:0 0 0 3px #f392002e}.btn-google:active{transform:scale(.98)}.btn-google svg{width:20px;height:20px;flex-shrink:0}.login-footnote{font-size:var(--text-xs);color:var(--text-secondary);margin:0;line-height:1.5}.recursos-section{max-width:1280px}.categoria-section{margin-bottom:var(--space-8)}.categoria-section.nivel-1{padding-top:var(--space-4)}.categoria-section.nivel-2{margin-left:var(--space-4);padding-left:var(--space-4);border-left:2px solid var(--border)}.categoria-section.nivel-3{margin-left:var(--space-6);padding-left:var(--space-4);border-left:2px dashed var(--border)}.categoria-titulo{display:flex;align-items:center;gap:var(--space-2);margin:0 0 var(--space-4);font-weight:600}.categoria-section.nivel-1 .categoria-titulo{font-size:var(--text-2xl);color:var(--text-primary)}.categoria-section.nivel-2 .categoria-titulo{font-size:var(--text-xl);color:var(--text-primary)}.categoria-section.nivel-3 .categoria-titulo{font-size:var(--text-lg);color:var(--text-secondary)}.categoria-icone{display:inline-flex;align-items:center;width:28px;height:28px;font-size:18px}.categoria-icone img{width:24px;height:24px;object-fit:contain}.categoria-node{background:var(--bg-surface);border-radius:var(--radius-md);margin-bottom:var(--space-2)}.categoria-node strong{color:var(--text-primary)}.empty-state{text-align:center;color:var(--text-secondary);padding:var(--space-16) var(--space-5);font-size:var(--text-sm);background:var(--bg-surface);border:1px dashed var(--border);border-radius:var(--radius-lg)}.recursos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-5)}.recurso-card{position:relative;display:flex;flex-direction:column;gap:var(--space-4);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);text-decoration:none;color:inherit;transition:all var(--t-base);cursor:pointer;overflow:hidden}.recurso-card:after{content:"";position:absolute;inset:0;border-radius:var(--radius-lg);pointer-events:none;opacity:0;box-shadow:0 0 0 1px var(--primary-500),0 4px 12px #f3920026;transition:opacity var(--t-base)}.recurso-card:hover{border-color:var(--primary-500)}.recurso-card:hover:after{opacity:1}.recurso-card-icon{width:40px;height:40px;display:grid;place-items:center;background:#f392001f;color:var(--primary-500);border-radius:var(--radius-md);font-size:22px;flex-shrink:0}.recurso-card-icon img{width:24px;height:24px;object-fit:contain}.recurso-card-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;color:var(--text-primary);margin:0;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.recurso-card-title .arrow{color:var(--text-secondary);font-size:var(--text-xl);transition:transform var(--t-base),color var(--t-base)}.recurso-card:hover .recurso-card-title .arrow{transform:translate(4px);color:var(--primary-500)}.recurso-card-desc{font-size:var(--text-sm);color:var(--text-secondary);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1}.recurso-card-meta{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;margin-top:auto}.admin-tabs{display:flex;gap:var(--space-1);border-bottom:1px solid var(--border);margin-bottom:var(--space-6)}.tab-btn{background:none;border:none;cursor:pointer;padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);border-bottom:2px solid transparent;margin-bottom:-1px;font-family:var(--font-body);transition:color var(--t-fast),border-color var(--t-fast)}.tab-btn:hover{color:var(--text-primary)}.tab-btn.active{color:var(--primary-500);border-bottom-color:var(--primary-500)}.tab-content{display:none}.tab-content.active{display:block}.tab-content h2{font-size:var(--text-2xl);margin-bottom:var(--space-5)}.tab-content h2+button,.tab-content h2+.btn{margin-bottom:var(--space-4)}.error-page{min-height:100vh;display:grid;place-items:center;padding:var(--space-6);text-align:center;background:var(--bg-app)}.error-page-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);max-width:480px}.error-page h1{font-family:var(--font-display);font-size:var(--text-4xl);margin:0}.error-page p{color:var(--text-secondary);margin:0;font-size:var(--text-base)}.sidebar-toggle{display:none;align-items:center;justify-content:center;background:none;border:1px solid var(--border);border-radius:var(--radius-md);width:44px;height:44px;color:var(--text-primary);cursor:pointer;flex-shrink:0}.sidebar-toggle svg{width:20px;height:20px}.sidebar-backdrop{display:none;position:fixed;inset:0;background:#0000008c;z-index:25;animation:fade-in var(--t-base)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.btn,.btn-admin,.btn-delete,.tab-btn,.user-pill,.sidebar-item,.recurso-card,input[type=text],input[type=email],input[type=url],input[type=password],input[type=search],input[type=number],select,textarea{min-height:44px}@media (max-width: 1023.98px){.app-shell{grid-template-columns:1fr;grid-template-areas:"header" "main"}.app-sidebar{position:fixed;top:var(--header-h);left:0;width:min(var(--sidebar-w),80vw);height:calc(100vh - var(--header-h));transform:translate(-100%);transition:transform var(--t-base);z-index:26;box-shadow:4px 0 24px #0000004d}.app-sidebar.is-open{transform:translate(0)}.sidebar-backdrop.is-open{display:block}.sidebar-toggle{display:inline-flex}.recursos-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 767.98px){.app-header{padding:0 var(--space-4)}.app-header-slogan{display:none}.app-main{padding:var(--space-5) var(--space-4)}.user-email{display:none}.page-header{flex-direction:column;align-items:flex-start}.page-actions{width:100%;flex-wrap:wrap}.form{max-width:none}.form-row{flex-direction:column}.table-container{font-size:var(--text-xs)}.table-container th,.table-container td{padding:var(--space-2) var(--space-3)}}@media (max-width: 639.98px){.app-header{padding:0 var(--space-3)}.app-header-logo img{height:32px}.recursos-grid{grid-template-columns:1fr}.login-card{padding:var(--space-8) var(--space-4);gap:var(--space-5)}.login-title{font-size:var(--text-3xl)}.login-logo{max-height:140px;max-width:220px}.page-title{font-size:var(--text-2xl)}.admin-tabs{overflow-x:auto;flex-wrap:nowrap}.tab-btn{white-space:nowrap}.checkbox-list{grid-template-columns:1fr}.user-pill{padding:var(--space-1) var(--space-2)}.user-pill .user-avatar{width:32px;height:32px}}