.update-dialog-overlay{-webkit-backdrop-filter:blur(10px);z-index:2147483647;background-color:#00000073;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.3s ease-out forwards fadeInOverlay;display:flex;position:fixed;top:0;left:0}.update-dialog-modal{background-color:var(--color-surface);border:1px solid var(--color-border);width:90%;max-width:520px;box-shadow:var(--glass-shadow);border-radius:24px;flex-direction:column;gap:28px;padding:40px;animation:.35s cubic-bezier(.34,1.56,.64,1) forwards scaleInModal;display:flex;position:relative}.update-dialog-close{width:36px;height:36px;color:var(--color-text-muted);background-color:var(--color-bg-alt);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;top:20px;right:20px}.update-dialog-close:hover{background-color:var(--color-border);color:var(--color-text);transform:rotate(90deg)}.update-dialog-header{text-align:center;flex-direction:column;align-items:center;gap:16px;display:flex}.update-dialog-badge{background:linear-gradient(135deg, rgba(var(--color-primary-rgb), .15), rgba(var(--color-primary-rgb), .05));border:1px solid rgba(var(--color-primary-rgb), .3);color:var(--color-primary);box-shadow:0 2px 10px rgba(var(--color-primary-rgb), .05);border-radius:99px;align-items:center;gap:6px;padding:6px 16px;font-size:.85rem;font-weight:600;display:inline-flex}.update-dialog-title{color:var(--color-text);font-size:1.85rem;font-weight:800;line-height:1.25}.update-dialog-title .text-old{color:var(--color-text-muted);opacity:.7;font-weight:600;text-decoration:line-through}.update-dialog-title .text-new{color:var(--color-primary);font-weight:800;display:inline-block;position:relative}.update-dialog-title .text-new:after{content:"";background-color:rgba(var(--color-primary-rgb), .2);border-radius:2px;width:100%;height:4px;position:absolute;bottom:2px;left:0}.update-dialog-subtitle{color:var(--color-text-muted);max-width:90%;font-size:.975rem;line-height:1.6}.update-dialog-body{flex-direction:column;gap:16px;display:flex}.update-dialog-card{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:18px;flex-direction:column;gap:18px;padding:24px;display:flex}.card-item{align-items:flex-start;gap:16px;display:flex}.card-emoji{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.5rem;line-height:1;display:flex;box-shadow:0 4px 12px #0000000a}.card-item h4{color:var(--color-text);margin-bottom:4px;font-size:1.05rem;font-weight:700}.card-item p{color:var(--color-text-muted);font-size:.9rem;line-height:1.5}.update-dialog-footer{justify-content:center;margin-top:4px;display:flex}.update-dialog-btn{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-dark));color:var(--color-white);cursor:pointer;box-shadow:0 4px 20px rgba(var(--color-primary-rgb), .35);border:none;border-radius:14px;justify-content:center;align-items:center;gap:10px;padding:14px 32px;font-size:1rem;font-weight:700;transition:all .25s cubic-bezier(.25,.46,.45,.94);display:inline-flex}.update-dialog-btn:hover{box-shadow:0 8px 25px rgba(var(--color-primary-rgb), .45);filter:brightness(1.05);transform:translateY(-2px)}.update-dialog-btn:active{transform:translateY(1px)}.btn-icon{transition:transform .2s}.update-dialog-btn:hover .btn-icon{transform:translate(4px)}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}@keyframes scaleInModal{0%{opacity:0;transform:scale(.9)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}@media (max-width:576px){.update-dialog-modal{gap:20px;padding:32px 24px}.update-dialog-title{font-size:1.5rem}.update-dialog-btn{width:100%}}
:root{--color-primary:#fcb306;--color-primary-dark:#ca8a04;--color-primary-light:#fde047;--color-secondary:#3e515d;--color-secondary-dark:#161818;--color-secondary-btn:#3e515dcc;--color-primary-rgb:252, 179, 6;--color-secondary-rgb:62, 81, 93;--color-white-rgb:255, 255, 255;--color-text-primary-rgb:62, 81, 93;--color-text-secondary-rgb:62, 81, 93;--color-text-muted-rgb:102, 102, 102;--color-warning-rgb:245, 158, 11;--color-bg-rgb:244, 242, 234;--color-success-rgb:76, 175, 80;--color-error-rgb:220, 38, 38;--color-bg:#f4f2ea;--color-bg-alt:#e8e6df;--color-surface:#fff;--color-surface-alt:#fffc;--color-text:#3e515d;--color-text-muted:#666;--color-text-light:#3e515d99;--color-text-inverse:#fff;--color-white:#fff;--color-border:#3e515d33;--color-border-light:#ffffff4d;--color-success:#4caf50;--color-success-bg:#4caf5026;--color-success-text:#2e7d32;--color-error:#dc2626;--color-error-bg:#ef44441a;--color-error-text:#b91c1c;--color-warning:#ff9800;--color-warning-bg:#ff98001a;--color-warning-text:#92400e;--glass-bg:#f4f2eab3;--glass-bg-dark:#191f23cc;--glass-border:#ffffff4d;--glass-blur:blur(10px);--glass-shadow:0 8px 32px #1f268726;--toast-success-bg:#f0fdf4f2;--toast-success-border:#4caf504d;--toast-success-text:#2e7d32;--toast-error-bg:#fef2f2f2;--toast-error-border:#ef44444d;--toast-error-text:#b91c1c;--toast-warning-bg:#fffbebf2;--toast-warning-border:#f59e0b4d;--toast-warning-text:#92400e;--admin-bg-primary:#f4f2eab3;--admin-bg-secondary:#fffc;--admin-bg-card:#ffffffe6;--admin-border:#3e515d1a;--admin-border-hover:#3e515d4d;--admin-gradient-primary:linear-gradient(135deg, #fcb306, #fde047);--admin-gradient-secondary:linear-gradient(135deg, #3e515d, #161818);--admin-gradient-danger:linear-gradient(135deg, #ef44441a, #ef444433);--admin-status-active:linear-gradient(135deg, #4caf5026, #4caf5040);--admin-status-inactive:linear-gradient(135deg, #ef444426, #ef444440);--theme-toggle-bg:#3e515d14;--theme-toggle-hover:#3e515d26;--theme-toggle-icon:#3e515d;--autofill-bg:#fff;--autofill-text:#3e515d}[data-theme=dark]{--color-primary:#fcb306;--color-primary-dark:#ca8a04;--color-primary-light:#fde047;--color-secondary:#b8c8d0;--color-secondary-dark:#8fa3ad;--color-secondary-btn:#b8c8d033;--color-primary-rgb:252, 179, 6;--color-secondary-rgb:184, 200, 208;--color-white-rgb:255, 255, 255;--color-text-primary-rgb:232, 237, 240;--color-text-secondary-rgb:154, 172, 181;--color-text-muted-rgb:154, 172, 181;--color-warning-rgb:251, 191, 36;--color-bg-rgb:26, 31, 35;--color-success-rgb:76, 175, 80;--color-error-rgb:248, 113, 113;--color-white:#fff;--color-bg:#0f1010;--color-bg-alt:#22292e;--color-surface:#161818;--color-surface-alt:#2c3a43cc;--color-text:#e8edf0;--color-text-muted:#9aacb5;--color-text-light:#e8edf099;--color-text-inverse:#0f1010;--color-border:#e8edf026;--color-border-light:#ffffff14;--color-success:#4caf50;--color-success-bg:#4caf5033;--color-success-text:#86efac;--color-error:#f87171;--color-error-bg:#ef444426;--color-error-text:#fca5a5;--color-warning:#fbbf24;--color-warning-bg:#ff980026;--color-warning-text:#fcd34d;--glass-bg:#1a1f23bf;--glass-bg-dark:#0009;--glass-border:#ffffff14;--glass-blur:blur(10px);--glass-shadow:0 8px 32px #00000059;--toast-success-bg:#14532de6;--toast-success-border:#4caf5066;--toast-success-text:#86efac;--toast-error-bg:#7f1d1de6;--toast-error-border:#ef444466;--toast-error-text:#fca5a5;--toast-warning-bg:#78350fe6;--toast-warning-border:#f59e0b66;--toast-warning-text:#fcd34d;--admin-bg-primary:#1a1f23b3;--admin-bg-secondary:#2c3a43cc;--admin-bg-card:#2c3a43e6;--admin-border:#e8edf01a;--admin-border-hover:#e8edf040;--admin-gradient-primary:linear-gradient(135deg, #fcb306, #fde047);--admin-gradient-secondary:linear-gradient(135deg, #b8c8d0, #8fa3ad);--admin-gradient-danger:linear-gradient(135deg, #ef444426, #ef444440);--admin-status-active:linear-gradient(135deg, #4caf5033, #4caf504d);--admin-status-inactive:linear-gradient(135deg, #ef444433, #ef44444d);--theme-toggle-bg:#e8edf01a;--theme-toggle-hover:#e8edf02e;--theme-toggle-icon:#e8edf0;--autofill-bg:#161818;--autofill-text:#e8edf0}input:-webkit-autofill{transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 1000px var(--autofill-bg) inset!important;-webkit-text-fill-color:var(--autofill-text)!important}input:-webkit-autofill:hover{transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 1000px var(--autofill-bg) inset!important;-webkit-text-fill-color:var(--autofill-text)!important}input:-webkit-autofill:focus{transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 1000px var(--autofill-bg) inset!important;-webkit-text-fill-color:var(--autofill-text)!important}input:-webkit-autofill:active{transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 1000px var(--autofill-bg) inset!important;-webkit-text-fill-color:var(--autofill-text)!important}*,:before,:after{transition:background-color .25s,border-color .25s,color .25s,box-shadow .25s,fill .25s}video,img,canvas,svg,.spinner,.spinner-sm,.spinner-lg,.loading-spinner,.loading-spinner-lg,.admin-loading-spinner{transition:none!important}
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--color-text);background-color:var(--color-bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body>:not(#root):not([data-banner]):not([data-modal]){z-index:var(--z-base)!important;position:relative!important}:root{--banner-height:0px}body.has-app-banner .devocional-container,body.has-app-banner .devocional-day-container,body.has-app-banner .bible-container,body.has-app-banner .cursos-feed-container,body.has-app-banner .curso-detalhes-container,body.has-app-banner .curso-detalhes-playlist-container,body.has-app-banner .aulas-feed-container,body.has-app-banner .aulas-detalhes-container,body.has-app-banner .tutoriais-container,body.has-app-banner .perfil-container,body.has-app-banner .auth-container{padding-top:var(--banner-height)!important}html{background-color:var(--color-bg);width:100%;overflow-x:hidden}body{background-color:var(--color-bg);width:100%;min-height:100vh;overflow-x:hidden}#root{background-color:var(--color-bg);width:100%;min-height:100vh;position:relative}h1{line-height:1.1}a{color:inherit;text-decoration:none}a:hover{color:var(--color-primary)}button{cursor:pointer;transition:var(--transition-fast);background-color:#0000;border:1px solid #0000;font-family:inherit;font-size:1em;font-weight:500}:is(button:focus,button:focus-visible){outline:none}::placeholder{opacity:1;color:var(--color-text-light)!important}::-moz-placeholder{opacity:1;color:var(--color-text-light)!important}::-moz-placeholder{opacity:1;color:var(--color-text-light)!important}:-ms-placeholder-shown{opacity:1;color:var(--color-text-light)!important}@media (prefers-color-scheme:light){:root{color:var(--color-text);background-color:var(--color-bg)}}input:-webkit-autofill{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 1000px var(--color-white) inset!important;-webkit-text-fill-color:var(--color-text)!important}input:-webkit-autofill:hover{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 1000px var(--color-white) inset!important;-webkit-text-fill-color:var(--color-text)!important}input:-webkit-autofill:focus{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 1000px var(--color-white) inset!important;-webkit-text-fill-color:var(--color-text)!important}input:-webkit-autofill:active{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 1000px var(--color-white) inset!important;-webkit-text-fill-color:var(--color-text)!important}iframe[src*="firebaseapp.com/__/auth/iframe"],iframe[id^=I0_]{display:none!important}
:root{--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--radius-3xl:24px;--radius-full:999px;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extrabold:800;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:2rem;--text-4xl:2.5rem;--text-5xl:3rem;--text-6xl:4rem;--leading-tight:1.2;--leading-normal:1.5;--leading-relaxed:1.6;--leading-loose:1.8;--transition:all .3s ease;--transition-fast:all .2s ease;--z-base:1;--z-header:1000;--z-modal:10000;--z-toast:99999}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.block{display:block}.inline-block{display:inline-block}.hidden{display:none}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.flex-1{flex:1}.flex-auto{flex:auto}.flex-none{flex:none}.flex-shrink-0{flex-shrink:0}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.gap-10{gap:var(--space-10)}.gap-12{gap:var(--space-12)}.p-0{padding:0}.p-1{padding:var(--space-1)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-5{padding:var(--space-5)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.p-10{padding:var(--space-10)}.p-12{padding:var(--space-12)}.px-2{padding-left:var(--space-2);padding-right:var(--space-2)}.px-3{padding-left:var(--space-3);padding-right:var(--space-3)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.px-6{padding-left:var(--space-6);padding-right:var(--space-6)}.px-8{padding-left:var(--space-8);padding-right:var(--space-8)}.px-10{padding-left:var(--space-10);padding-right:var(--space-10)}.py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.py-3{padding-top:var(--space-3);padding-bottom:var(--space-3)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.py-6{padding-top:var(--space-6);padding-bottom:var(--space-6)}.py-8{padding-top:var(--space-8);padding-bottom:var(--space-8)}.py-10{padding-top:var(--space-10);padding-bottom:var(--space-10)}.m-0{margin:0}.m-auto{margin:auto}.mx-auto{margin-left:auto;margin-right:auto}.ml-auto{margin-left:auto}.mr-auto{margin-right:auto}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mt-10{margin-top:var(--space-10)}.mt-12{margin-top:var(--space-12)}.mt-16{margin-top:var(--space-16)}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.mb-10{margin-bottom:var(--space-10)}.mb-12{margin-bottom:var(--space-12)}.w-full{width:100%}.w-auto{width:auto}.w-fit{width:-moz-fit-content;width:fit-content}.h-full{height:100%}.h-screen{height:100vh}.min-h-screen{min-height:100vh}.max-w-sm{max-width:420px}.max-w-md{max-width:500px}.max-w-lg{max-width:800px}.max-w-xl{max-width:1200px}.max-w-2xl{max-width:1400px}.rounded-sm{border-radius:var(--radius-sm)}.rounded{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-full{border-radius:var(--radius-full)}.text-primary{color:var(--color-primary)}.text-secondary{color:var(--color-secondary)}.text-muted{color:var(--color-text-muted)}.text-light{color:var(--color-text-light)}.text-white{color:var(--color-white)}.text-success{color:var(--color-success)}.text-error{color:var(--color-error)}.text-warning{color:var(--color-warning)}.bg-primary{background-color:var(--color-primary)}.bg-secondary{background-color:var(--color-secondary)}.bg-brand{background-color:var(--color-bg)}.bg-white{background-color:var(--color-white)}.bg-transparent{background-color:#0000}.bg-success{background-color:var(--color-success-bg)}.bg-error{background-color:var(--color-error-bg)}.bg-warning{background-color:var(--color-warning-bg)}.bg-gradient-primary{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-light) 100%)}.bg-gradient-secondary{background:linear-gradient(135deg, var(--color-secondary) 0%, var(--color-secondary-dark) 100%)}.bg-gradient-brand{background:linear-gradient(135deg, var(--color-bg) 0%, var(--color-bg-alt) 100%)}.glass{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.glass-dark{background:var(--glass-bg-dark);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid #ffffff1a;box-shadow:0 8px 32px #0003}.glass-white{-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--shadow-lg);background:#fffc;border:1px solid #ffffff80}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-primary{box-shadow:var(--shadow-primary)}.shadow-none{box-shadow:none}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.text-4xl{font-size:var(--text-4xl)}.text-5xl{font-size:var(--text-5xl)}.font-normal{font-weight:var(--font-normal)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.font-extrabold{font-weight:var(--font-extrabold)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.leading-tight{line-height:var(--leading-tight)}.leading-normal{line-height:var(--leading-normal)}.leading-relaxed{line-height:var(--leading-relaxed)}.leading-loose{line-height:var(--leading-loose)}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.tracking-wide{letter-spacing:.5px}.tracking-wider{letter-spacing:1px}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.border{border:1px solid var(--color-border)}.border-light{border:1px solid var(--color-border-light)}.border-primary{border:1px solid var(--color-primary)}.border-none{border:none}.border-b{border-bottom:1px solid var(--color-border)}.border-t{border-top:1px solid var(--color-border)}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.inset-0{top:0;bottom:0;left:0;right:0}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.z-base{z-index:var(--z-base)}.z-header{z-index:var(--z-header)}.z-modal{z-index:var(--z-modal)}.z-toast{z-index:var(--z-toast)}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.cursor-pointer{cursor:pointer}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.pointer-events-none{pointer-events:none}.select-none{-webkit-user-select:none;user-select:none}.transition{transition:var(--transition)}.transition-fast{transition:var(--transition-fast)}.page-container{background-color:var(--color-bg);min-height:100vh;position:relative;overflow-x:hidden}.page-bg-image{opacity:.05;z-index:0;object-fit:cover;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.card{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-radius:var(--radius-3xl);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);padding:var(--space-8);z-index:1;position:relative}.card-white{background:var(--color-white);border-radius:var(--radius-3xl);box-shadow:var(--shadow-lg);padding:var(--space-8);border:1px solid #fffc}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-6);border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition);white-space:nowrap;border:none;font-family:inherit;font-size:1rem;font-weight:500;text-decoration:none;display:inline-flex}.btn-primary{background:var(--color-primary-light);color:var(--color-white);box-shadow:var(--shadow-primary)}.btn-primary:hover{background:var(--color-primary);box-shadow:0 8px 24px rgba(var(--color-primary-rgb), .4);transform:translateY(-2px)}.btn-secondary{background-color:var(--color-secondary-btn);color:var(--color-white);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid #fff3;box-shadow:0 4px 12px #0000001a}.btn-secondary:hover{background-color:var(--color-secondary-dark);transform:translateY(-2px)}.btn-outline{color:var(--color-secondary);border:1px solid var(--color-border);background:0 0}.btn-outline:hover{border-color:var(--color-secondary);background:#3e515d0d}.btn-danger{background:var(--color-error-bg);color:var(--color-error);border:1px solid #ef44444d}.btn-danger:hover{background:var(--color-error);color:var(--color-white);border-color:var(--color-error);transform:translateY(-1px)}.btn-ghost{color:var(--color-text-muted);background:0 0;border:none}.btn-ghost:hover{color:var(--color-secondary);background:#3e515d14}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none!important;transform:none!important}.btn-sm{padding:var(--space-2) var(--space-4);font-size:.875rem}.btn-lg{padding:var(--space-4) var(--space-8);font-size:1.1rem;font-weight:600}.btn-full{width:100%}.input{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--glass-bg);color:var(--color-text);transition:var(--transition);font-family:inherit;font-size:1rem}.input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb), .1);outline:none}.input::placeholder{color:var(--color-text-light)}.input:disabled{opacity:.6;cursor:not-allowed}.input:not(:placeholder-shown){background:var(--color-bg-alt);border-color:var(--color-border)}.badge{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;align-items:center;font-size:.75rem;font-weight:600;display:inline-flex}.badge-active{background:var(--color-success-bg);color:#2e7d32;border:1px solid #4caf504d}.badge-inactive{background:var(--color-error-bg);color:#d84315;border:1px solid #ff57224d}.badge-admin{color:var(--color-secondary);border:1px solid var(--color-border);background:#3e515d1a}.badge-primary{background:rgba(var(--color-primary-rgb), .1);color:var(--color-primary);border:1px solid rgba(var(--color-primary-rgb), .3)}.modal-overlay{z-index:var(--z-modal);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:var(--space-4);background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.modal-box{background:var(--color-bg);border-radius:var(--radius-3xl);padding:var(--space-8);width:100%;max-width:480px;box-shadow:var(--shadow-xl);border:1px solid var(--glass-border);animation:.3s ease-out modalIn;position:relative}@keyframes modalIn{0%{opacity:0;transform:translateY(-20px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.toast-container{top:var(--space-6);right:var(--space-6);z-index:var(--z-toast,9999);gap:var(--space-3);pointer-events:none;flex-direction:column;width:100%;max-width:360px;display:flex;position:fixed}.toast{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);font-size:var(--text-sm);font-weight:var(--font-medium);pointer-events:auto;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid;animation:.3s ease-out toastIn;display:flex}@keyframes toastIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.toast-success{background:var(--toast-success-bg);border-color:var(--toast-success-border);color:var(--toast-success-text)}.toast-error{background:var(--toast-error-bg);border-color:var(--toast-error-border);color:var(--toast-error-text)}.toast-warning{background:var(--toast-warning-bg);border-color:var(--toast-warning-border);color:var(--toast-warning-text)}.toast-message{flex:1;font-size:.9rem;font-weight:500;line-height:1.4}.toast-close{color:inherit;cursor:pointer;border-radius:var(--radius-full);opacity:.6;width:24px;height:24px;transition:var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:0;font-size:1.25rem;display:flex}.toast-close:hover{opacity:1;background:#00000014}.spinner{border:3px solid var(--color-bg-alt);border-top-color:var(--color-primary);border-radius:var(--radius-full);flex-shrink:0;width:32px;height:32px;animation:.8s linear infinite spin}.spinner-sm,.loading-spinner{border:2px solid #ffffff4d;border-top-color:var(--color-white,#fff);border-radius:var(--radius-full);flex-shrink:0;width:16px;height:16px;animation:.8s linear infinite spin}.spinner-lg,.loading-spinner-lg,.admin-loading-spinner{border:4px solid var(--color-bg-alt);border-top-color:var(--color-primary);border-radius:var(--radius-full);flex-shrink:0;width:48px;height:48px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-screen{justify-content:center;align-items:center;gap:var(--space-4);min-height:60vh;color:var(--color-secondary);flex-direction:column;font-size:1rem;font-weight:500;display:flex}.empty-state,.page-empty,.admin-empty{text-align:center;color:var(--color-text-muted);flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state,.admin-empty{padding:var(--space-16) var(--space-8)}.empty-state-icon,.page-empty-icon,.admin-empty-icon{background:var(--color-primary);width:72px;height:72px;color:var(--color-white);margin-bottom:var(--space-6);border-radius:50%;justify-content:center;align-items:center;font-size:1.75rem;display:inline-flex}.empty-state h3,.page-empty h3,.admin-empty-title{color:var(--color-secondary);margin-bottom:var(--space-2);font-size:1.5rem;font-weight:700}.empty-state p,.page-empty p,.admin-empty-text{margin-bottom:var(--space-8);max-width:400px;font-size:1rem;line-height:1.6}.divider{border:none;border-top:1px solid var(--color-border);margin:var(--space-6) 0}@media (max-width:768px){.hidden-mobile{display:none!important}.card,.card-white{padding:var(--space-6)}.toast-container{top:var(--space-4);width:calc(100vw - 2rem);max-width:unset;align-items:center;left:50%;right:auto;transform:translate(-50%)}.toast{min-width:auto;max-width:100%}}@media (min-width:769px){.hidden-desktop{display:none!important}}@media (max-width:480px){.hidden-xs{display:none!important}.card{padding:var(--space-4)}}
.auth-container{background-color:var(--color-bg);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.auth-background{opacity:.05;z-index:0;object-fit:cover;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.auth-logo{top:calc(var(--banner-height,0px) + var(--space-8));z-index:3;border-radius:var(--radius-xl);width:140px;height:140px;position:absolute;left:50%;overflow:hidden;transform:translate(-50%);transition:none!important}.auth-content{width:100%;max-width:420px;padding:var(--space-8);margin-top:120px}.auth-title{color:var(--color-text);font-size:var(--text-4xl);font-weight:var(--font-bold);text-align:center;margin-bottom:var(--space-8);text-shadow:0 2px 4px #0000001a}.auth-subtitle{color:var(--color-text-muted);font-size:var(--text-sm);text-align:center;margin-bottom:var(--space-8);line-height:var(--leading-normal)}.auth-form{gap:var(--space-4);flex-direction:column;display:flex}.auth-button{font-weight:var(--font-semibold);font-size:var(--text-lg);text-transform:uppercase;letter-spacing:.5px;justify-content:center;align-items:center;gap:var(--space-2);width:100%;display:flex}.auth-button:active{transform:translateY(0)}.auth-link-button{color:var(--color-text-muted);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:var(--transition);text-align:center;width:100%;margin-top:var(--space-6);background:0 0;border:none;display:block}.auth-link-button:hover:not(:disabled){opacity:1;color:var(--color-primary)}.auth-link-button:disabled{opacity:.6;cursor:not-allowed}.auth-link-button.underline{margin-top:var(--space-4);text-decoration:underline}.auth-link-button.lg{font-size:var(--text-base);text-shadow:0 1px 2px #0000001a}.auth-error{color:var(--color-error);font-size:var(--text-sm);text-align:center}.auth-success{background:var(--color-success-bg);color:#2e7d32;border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);font-size:var(--text-base);font-weight:var(--font-semibold);text-align:center;margin-bottom:var(--space-5);border:1px solid #4caf504d}.register-container{padding-top:calc(var(--banner-height,0px) + 7rem);padding-bottom:var(--space-8);align-items:flex-start}.register-content{width:100%;max-width:500px;margin-top:120px}.register-title{margin-bottom:var(--space-10)}.register-form{gap:var(--space-5)}.PhoneInput{align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--glass-bg);transition:var(--transition);min-height:54px;display:flex}.PhoneInput:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb), .1)}.PhoneInputInput{width:100%;padding:var(--space-3) var(--space-2);color:var(--color-text);font-size:var(--text-base);background:0 0;border:none;outline:none;font-family:inherit}.PhoneInputInput::placeholder{color:var(--color-text-light)}.PhoneInputCountry{margin-left:var(--space-2);align-items:center;display:flex}.PhoneInputCountrySelect{color:var(--color-text);cursor:pointer;background:0 0;border:none;outline:none}.privacy-checkbox-container{align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:var(--glass-bg);border-radius:var(--radius-lg);border:1px solid var(--color-border);transition:var(--transition);display:flex}.privacy-checkbox-container:hover{background:var(--color-bg);border-color:rgba(var(--color-primary-rgb), .3)}.privacy-checkbox-container input[type=checkbox]{-webkit-appearance:none;appearance:none;border:2px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);cursor:pointer;width:18px;min-width:18px;height:18px;transition:var(--transition-fast);margin-top:2px;position:relative}.privacy-checkbox-container input[type=checkbox]:checked{background:var(--color-primary);border-color:var(--color-primary)}.privacy-checkbox-container input[type=checkbox]:checked:after{content:"✓";color:#fff;font-size:var(--text-xs);font-weight:var(--font-bold);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.privacy-checkbox-container input[type=checkbox]:focus{outline:2px solid var(--color-primary);outline-offset:2px}.privacy-checkbox-container input[type=checkbox]:disabled{opacity:.6;cursor:not-allowed}.privacy-checkbox-label{color:var(--color-text);font-size:var(--text-sm);line-height:var(--leading-relaxed);-webkit-user-select:none;user-select:none}.privacy-policy-btn{color:var(--color-primary);cursor:pointer;font-weight:var(--font-semibold);font-size:inherit;transition:var(--transition-fast);background:0 0;border:none;padding:0;text-decoration:underline}.privacy-policy-btn:hover{color:var(--color-primary-dark);text-decoration:none}.privacy-policy-btn:focus{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}@media (max-width:480px){.privacy-checkbox-label{font-size:.8rem}}.forgot-success-container{gap:var(--space-4);flex-direction:column;display:flex}.forgot-instructions{background:rgba(var(--color-primary-rgb), .05);border:1px solid rgba(var(--color-primary-rgb), .2);border-radius:var(--radius-lg);padding:var(--space-5);font-size:var(--text-sm);color:var(--color-text)}.forgot-instructions strong{color:var(--color-secondary-dark);font-weight:var(--font-semibold)}.forgot-instructions ol{margin:var(--space-3) 0;padding-left:var(--space-5);line-height:var(--leading-loose)}.forgot-instructions li{margin-bottom:var(--space-2)}.forgot-note{margin-top:var(--space-4);padding:var(--space-3);border-radius:var(--radius-md);border-left:3px solid var(--color-primary);font-size:var(--text-xs);line-height:var(--leading-relaxed);background:#ffffffb3}.forgot-note code{background:rgba(var(--color-primary-rgb), .1);border-radius:var(--radius-sm);color:var(--color-primary);padding:2px 6px;font-family:Courier New,monospace;font-size:.9em}.input-group{position:relative}.password-strength{margin-top:-8px}.strength-bar{background:var(--color-bg-alt);border-radius:2px;height:4px;margin-bottom:4px;overflow:hidden}.strength-fill{height:100%;transition:var(--transition);border-radius:2px}.strength-fill.weak{background:var(--color-error);width:33%}.strength-fill.medium{background:var(--color-warning);width:66%}.strength-fill.strong{background:var(--color-success);width:100%}.strength-text{font-size:var(--text-xs);color:var(--color-text-muted);text-align:right}.reset-success-container{text-align:center;padding:var(--space-6) 0}.success-icon{width:80px;height:80px;margin:0 auto var(--space-4);background:var(--color-success);border-radius:var(--radius-full);color:var(--color-white);justify-content:center;align-items:center;font-size:48px;animation:.5s scaleIn;display:flex}.reset-success{color:#2e7d32;font-size:var(--text-lg);font-weight:var(--font-semibold);margin-bottom:var(--space-2)}.reset-redirect{color:var(--color-text-muted);font-size:var(--text-sm)}.reset-error{color:var(--color-error);font-size:var(--text-sm);text-align:center;background:var(--color-error-bg);padding:var(--space-3);border-radius:var(--radius-md);border:1px solid #ef444433}.reset-loading{text-align:center;padding:var(--space-8) 0}.reset-loading p{margin-top:var(--space-4);color:var(--color-text-muted);font-size:var(--text-sm)}.modal-close-button{top:var(--space-4);right:var(--space-4);font-size:var(--text-2xl);color:var(--color-secondary);cursor:pointer;border-radius:var(--radius-full);width:32px;height:32px;transition:var(--transition);background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:absolute}.modal-close-button:hover{background-color:var(--color-border)}.modal-title{color:var(--color-secondary);font-size:var(--text-2xl);font-weight:var(--font-semibold);margin-bottom:var(--space-4);text-align:center}.modal-description{color:var(--color-secondary);font-size:var(--text-sm);margin-bottom:var(--space-6);text-align:center;line-height:var(--leading-normal)}.modal-buttons{gap:var(--space-4);flex-direction:column;display:flex}.modal-submit-button,.modal-cancel-button{width:100%;padding:var(--space-4);border-radius:var(--radius-lg);font-size:var(--text-base);font-weight:var(--font-semibold)}@keyframes scaleIn{0%{transform:scale(0)}50%{transform:scale(1.1)}to{transform:scale(1)}}@media (max-width:480px){.auth-logo{width:100px;height:100px;top:20px}.auth-content{padding:var(--space-6);margin-top:100px}.register-content{margin-top:100px}.auth-title{font-size:var(--text-3xl)}}.tutoriais-content{max-width:1400px;padding:var(--space-8);z-index:var(--z-base);margin:6rem auto 0;position:relative}.tutoriais-header{background:var(--color-surface);border-radius:var(--radius-3xl);padding:var(--space-12);margin-bottom:var(--space-12);box-shadow:var(--shadow-lg);border:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:var(--space-8);flex-wrap:wrap;display:flex}.tutoriais-hero{flex:1;min-width:300px}.tutoriais-title{color:var(--color-secondary);font-size:var(--text-5xl);font-weight:var(--font-extrabold);line-height:var(--leading-tight);margin-bottom:var(--space-4);align-items:center;gap:var(--space-4);background:linear-gradient(135deg, var(--color-secondary), var(--color-secondary-dark));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:flex}.tutoriais-title-icon{font-size:var(--text-5xl)}.tutoriais-subtitle{color:var(--color-text-muted);font-size:var(--text-xl);line-height:var(--leading-relaxed);margin:0}.tutoriais-grid{gap:var(--space-8);margin-bottom:var(--space-12);grid-template-columns:repeat(auto-fit,minmax(380px,1fr));display:grid}.tutoriais-card{background:var(--color-surface);border-radius:var(--radius-3xl);box-shadow:var(--shadow-lg);border:1px solid var(--color-border);transition:var(--transition);cursor:pointer;text-align:left;flex-direction:column;width:100%;padding:0;display:flex;position:relative;overflow:hidden}.tutoriais-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-8px)}.tutoriais-card-content{padding:var(--space-8);flex-direction:column;flex:1;display:flex}.tutoriais-card-header{margin-bottom:var(--space-4)}.tutoriais-card-title{color:var(--color-secondary);font-size:var(--text-xl);font-weight:var(--font-bold);line-height:var(--leading-tight);margin:0}.tutoriais-card-description{color:var(--color-text-muted);font-size:var(--text-base);line-height:var(--leading-relaxed);margin-bottom:var(--space-6);-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;display:-webkit-box;overflow:hidden}.tutoriais-card-action{margin-top:auto}.tutoriais-btn-view{background:var(--color-bg);width:100%;color:var(--color-secondary);border:2px solid var(--color-bg-alt);padding:var(--space-4);border-radius:var(--radius-lg);font-size:var(--text-base);font-weight:var(--font-semibold);transition:var(--transition);justify-content:space-between;align-items:center;display:flex}.tutoriais-card:hover .tutoriais-btn-view{background:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.tutoriais-btn-arrow{font-size:var(--text-xl);transition:var(--transition)}.tutoriais-card:hover .tutoriais-btn-arrow{transform:translate(4px)}@media (max-width:1024px){.tutoriais-grid{gap:var(--space-6);grid-template-columns:repeat(2,1fr)}.tutoriais-content{padding:var(--space-6)}.tutoriais-header{padding:var(--space-8)}.tutoriais-title{font-size:var(--text-4xl)}}@media (max-width:768px){.tutoriais-content{padding:var(--space-4);margin-top:6rem}.tutoriais-header{padding:var(--space-5) var(--space-6);margin-bottom:var(--space-5);align-items:flex-start;gap:var(--space-3);flex-direction:column}.tutoriais-hero{min-width:unset;width:100%}.tutoriais-title{font-size:var(--text-2xl);gap:var(--space-2);margin-bottom:var(--space-1)}.tutoriais-title-icon{font-size:var(--text-2xl)}.tutoriais-subtitle{font-size:var(--text-sm);line-height:var(--leading-normal)}.tutoriais-grid{gap:var(--space-3);grid-template-columns:repeat(2,1fr)}}@media (max-width:540px){.tutoriais-header{padding:var(--space-4) var(--space-5)}.tutoriais-title,.tutoriais-title-icon{font-size:var(--text-xl)}.tutoriais-grid{gap:var(--space-3);grid-template-columns:1fr}}.perfil-content{max-width:1200px;padding:var(--space-8);z-index:var(--z-base);margin:6rem auto 0;position:relative}.perfil-message{top:100px;right:var(--space-6);padding:var(--space-4) var(--space-6);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:var(--z-modal);font-weight:var(--font-medium);max-width:400px;animation:.3s ease-out slideInRight;position:fixed}.perfil-message-success{background:var(--color-success);color:var(--color-white)}.perfil-message-error{background:var(--color-error);color:var(--color-white)}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.perfil-header{margin-bottom:var(--space-8);position:relative}.profile-info{padding:var(--space-8);gap:var(--space-6);align-items:flex-start;padding-top:2rem;display:flex;position:relative}.profile-avatar-wrapper{align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.profile-avatar{border-radius:var(--radius-full);border:4px solid var(--color-white);background:var(--color-white);width:150px;height:150px;box-shadow:var(--shadow-md);position:relative;overflow:hidden}.profile-avatar img{object-fit:cover;width:100%;height:100%}.profile-avatar-actions{gap:var(--space-2);flex-direction:column;width:100%;display:flex}.btn-avatar-action{padding:var(--space-2) var(--space-3);background:var(--color-primary);color:var(--color-white);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--font-medium);cursor:pointer;transition:var(--transition);white-space:nowrap;border:none}.btn-avatar-action:hover{background:var(--color-primary-dark);transform:translateY(-1px)}.btn-avatar-action:disabled{opacity:.5;cursor:not-allowed}.btn-avatar-action.btn-remove{background:var(--color-error)}.btn-avatar-action.btn-remove:hover{background:var(--color-error);filter:brightness(.85)}.profile-details{flex:1}.profile-name{font-size:var(--text-3xl);font-weight:var(--font-extrabold);color:var(--color-secondary);margin:0}.profile-username{font-size:var(--text-lg);color:var(--color-text-muted);margin:var(--space-2) 0}.avatar-loading-overlay{border-radius:var(--radius-full);background:#0009;justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.perfil-edit-section{background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--space-6);margin-bottom:var(--space-4);box-shadow:var(--shadow-sm)}.perfil-section-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.perfil-section-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-secondary);white-space:nowrap;flex-shrink:0;margin:0}.btn-edit{padding:var(--space-2) var(--space-4);background:var(--color-bg);color:var(--color-primary);border:1px solid var(--color-primary);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:var(--transition)}.btn-edit:hover{background:var(--color-primary);color:var(--color-white)}.perfil-info-display{gap:var(--space-3);flex-direction:column;display:flex}.info-item{gap:var(--space-2);display:flex}.info-label{font-weight:var(--font-semibold);color:var(--color-text-muted);min-width:80px}.info-value{color:var(--color-text)}.perfil-edit-form{gap:var(--space-4);flex-direction:column;display:flex}.form-group{gap:var(--space-2);flex-direction:column;display:flex}.form-group label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-secondary)}.form-group input{padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-base);transition:var(--transition);background:var(--color-surface);color:var(--color-text)}.form-group input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb), .1);outline:none}.form-group input.input-disabled{background:var(--color-bg-alt);color:var(--color-text-muted);cursor:not-allowed}.form-actions{gap:var(--space-3);margin-top:var(--space-2);justify-content:flex-end;display:flex}.btn-primary,.btn-secondary{padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);font-size:var(--text-base);font-weight:var(--font-medium);cursor:pointer;transition:var(--transition);border:none}.btn-primary{background:var(--color-primary);color:var(--color-white)}.btn-primary:hover{background:var(--color-primary-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{background:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover{background:var(--color-white);border-color:var(--color-primary)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.profile-tabs{gap:var(--space-4);padding:0 var(--space-8);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-8);display:flex}.tab-button{padding:var(--space-4) var(--space-8);box-shadow:none;font-size:var(--text-base);color:var(--color-text-muted);cursor:pointer;transition:var(--transition);background:0 0;border:none;border-radius:0;position:relative}.tab-button:hover{color:var(--color-primary);box-shadow:none;background:0 0;transform:none}.tab-button.active{color:var(--color-primary);font-weight:var(--font-semibold);box-shadow:none;background:0 0}.tab-button.active:after{content:"";background:var(--color-primary);border-radius:3px 3px 0 0;width:100%;height:3px;position:absolute;bottom:-1px;left:0}.profile-content{padding:var(--space-8)}.perfil-empty{text-align:center;padding:var(--space-16) var(--space-8);color:var(--color-text-muted)}.perfil-empty-icon{border-radius:var(--radius-full);background:var(--color-primary);width:72px;height:72px;color:var(--color-white);margin-bottom:var(--space-4);justify-content:center;align-items:center;font-size:1.75rem;display:inline-flex}.perfil-empty p{font-size:var(--text-base);margin:0}.streak-cards{gap:var(--space-4);margin-bottom:var(--space-8);padding:0 var(--space-8);display:flex}.streak-card{align-items:center;gap:var(--space-2);background:var(--color-surface);border-radius:var(--radius-2xl);padding:var(--space-6);box-shadow:var(--shadow-sm);text-align:center;flex-direction:column;flex:1;display:flex}.streak-icon{font-size:2rem;line-height:1}.streak-value{font-size:var(--text-4xl);font-weight:var(--font-extrabold);color:var(--color-primary);line-height:1}.streak-label{font-size:var(--text-sm);color:var(--color-text-muted);font-weight:var(--font-medium)}.answers-log{gap:var(--space-4);flex-direction:column;display:flex}.answer-log-card{background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--space-5);box-shadow:var(--shadow-sm);border-left:3px solid var(--color-primary)}.answer-log-date{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2);display:block}.answer-log-question{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-secondary);margin:0 0 var(--space-3) 0;line-height:var(--leading-normal)}.answer-log-text{color:var(--color-text);font-style:italic;line-height:var(--leading-relaxed);font-size:var(--text-sm);margin:0}.perfil-language-section{margin-bottom:var(--space-4);padding:var(--space-6);background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.perfil-language-section .lang-switcher{width:100%}.perfil-language-section .lang-switcher-btn{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--text-base);border-color:var(--color-border);color:var(--color-text);justify-content:space-between}.perfil-language-section .lang-switcher-btn:hover{background:var(--color-bg);border-color:var(--color-primary)}.perfil-language-section .lang-switcher-dropdown{width:100%;left:0;right:auto}@media (max-width:768px){.perfil-content{padding:var(--space-4);margin-top:6rem}.profile-info{text-align:center;padding:var(--space-4);flex-direction:column;align-items:center}.profile-avatar{width:120px;height:120px}.profile-name{font-size:var(--text-2xl)}.profile-tabs{padding:0 var(--space-4);flex-wrap:wrap;gap:0}.tab-button{padding:var(--space-3) var(--space-3);font-size:var(--text-sm);white-space:normal;text-align:center;flex:1}.profile-content{padding:var(--space-4)}.perfil-message{right:var(--space-4);left:var(--space-4);max-width:none}.form-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%}.perfil-section-header{align-items:flex-start;gap:var(--space-3);flex-direction:column}.btn-edit{width:100%}.streak-cards{padding:0 var(--space-4)}.streak-value{font-size:var(--text-3xl)}.perfil-language-section{padding:var(--space-4)}}[data-theme=dark] .tutoriais-title{background:linear-gradient(135deg, var(--color-text), var(--color-text-light));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}[data-theme=dark] .tutoriais-title .tutoriais-title-icon{-webkit-text-fill-color:var(--color-text);color:var(--color-text)}[data-theme=dark] .tutoriais-subtitle,[data-theme=dark] .tutoriais-card-title,[data-theme=dark] .tutoriais-card-description,[data-theme=dark] .tutoriais-btn-view,[data-theme=dark] .profile-name,[data-theme=dark] .profile-username,[data-theme=dark] .perfil-section-title,[data-theme=dark] .info-label,[data-theme=dark] .info-value,[data-theme=dark] .form-group label,[data-theme=dark] .streak-label,[data-theme=dark] .answer-log-date,[data-theme=dark] .answer-log-question,[data-theme=dark] .answer-log-text,[data-theme=dark] .perfil-empty p,[data-theme=dark] .perfil-edit-section p{color:var(--color-text)!important}
