:root{--bg: #f6f6f3;--surface: #ffffff;--accent: #3d6bd6;--accent-dark: #2f55b3;--accent-soft: #eaf0fb;--accent-border: #cfdcf5;--text: #2f3136;--text-muted: #6f7379;--text-faint: #979ba3;--text-fainter: #b4b7bd;--border: #e3e2dc;--border-2: #e9e8e2;--divider: #f0efea;--ok-bg: #e4f1e8;--ok-fg: #2e6b47;--late-bg: #f8e6e2;--late-fg: #a4503f}*{box-sizing:border-box}html,body,#root{height:100%}html,body{overflow-x:hidden;max-width:100%}body{margin:0;font-family:Figtree,system-ui,sans-serif;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:Space Grotesk,system-ui,sans-serif;margin:0}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-dark)}input,textarea,button,select{font-family:inherit}input::placeholder{color:var(--text-fainter)}button{cursor:pointer}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(360deg)}}.fade-up{animation:fadeUp .4s ease both}.wordmark{font-family:Space Grotesk;font-weight:700;letter-spacing:-.02em}.wordmark .dot{color:var(--accent)}.muted{color:var(--text-muted)}.faint{color:var(--text-faint)}.auth-split{display:flex;min-height:100vh;min-height:100dvh}.auth-panel{flex:1 1 48%;background:linear-gradient(150deg,#3f6fd8,#2c4fa8);padding:56px;display:flex;flex-direction:column;justify-content:space-between;min-width:0}.auth-panel h1{color:#fff}.auth-panel p{color:#d6e0f7}.auth-panel .wordmark{color:#f3f6fc}.auth-panel .wordmark .dot{color:#bfd0f5}.auth-form-wrap{flex:1 1 52%;display:flex;align-items:center;justify-content:center;padding:40px}.auth-form{width:100%;max-width:380px}.pill{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;color:#eaf0fb;background:#ffffff24;border:1px solid rgba(255,255,255,.28);padding:6px 13px;border-radius:999px;margin-bottom:26px}.pill .dot{width:6px;height:6px;border-radius:50%;background:#bfd0f5}.benefit{display:flex;align-items:center;gap:12px;font-size:16px;color:#e3eafa}.benefit .check{width:22px;height:22px;border-radius:7px;background:#ffffff2e;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:12px;flex-shrink:0}.copyright{font-size:13px;color:#a9bbe6}label.field-label,.field-label{display:block;font-size:13px;font-weight:600;color:#5c5f66;margin-bottom:8px}.field-hint{font-size:12.5px;line-height:1.5;color:var(--text-faint);margin:6px 0 0;display:block}.input{width:100%;height:52px;background:#fff;border:1.5px solid var(--border);border-radius:14px;padding:0 16px;font-size:16px;color:var(--text);outline:none;transition:border-color .12s}.input:focus{border-color:var(--accent)}select.input{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.phone-input{display:flex;align-items:center;gap:8px;background:#fff;border:1.5px solid var(--border);border-radius:14px;padding:0 16px;height:54px;transition:border-color .12s}.phone-input:focus-within{border-color:var(--accent)}.phone-input .cc{font-size:15px;color:#8a8d94;font-weight:600}.phone-input input{flex:1;border:none;outline:none;background:transparent;font-size:16px;color:var(--text);min-width:0}.btn{width:100%;height:54px;border-radius:14px;font-size:16px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:9px;border:none;transition:background .15s,border-color .15s}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-dark);color:#fff}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:#fff;color:#5c5f66;border:1.5px solid var(--border);height:50px;font-size:15px;font-weight:600}.btn-secondary:hover{border-color:#c9cbd2;color:var(--text)}.btn-sm{height:40px;padding:0 14px;width:auto;font-size:14px;border-radius:11px}.link-btn{background:none;border:none;color:var(--text-faint);font-size:13px;font-weight:600;padding:4px 6px}.link-btn:hover{color:var(--late-fg)}.verify-wrap{display:flex;min-height:100vh;min-height:100dvh;align-items:center;justify-content:center;padding:40px}.verify-card{width:100%;max-width:420px;background:#fff;border:1px solid var(--border-2);border-radius:24px;padding:44px 40px;text-align:center;box-shadow:0 24px 60px -40px #2f55b380}.verify-icon{width:64px;height:64px;border-radius:18px;background:var(--accent-soft);color:var(--accent);display:inline-flex;align-items:center;justify-content:center;margin-bottom:24px}.otp-row{display:flex;gap:12px;justify-content:center;margin-bottom:32px}.otp-box{width:62px;height:70px;text-align:center;font-size:28px;font-weight:700;background:#faf9f6;border:1.5px solid #ddd9d0;border-radius:16px;outline:none;color:var(--accent-dark);font-family:Space Grotesk}.otp-box:focus{border-color:var(--accent);background:#fff}.check-line{display:flex;align-items:center;justify-content:center;gap:9px;font-size:14px;color:var(--text-muted);cursor:pointer;margin-bottom:18px}.check-line input{width:17px;height:17px;accent-color:var(--accent)}.error-msg{color:var(--late-fg);font-size:14px;margin:0 0 16px}.notice{background:var(--accent-soft);border:1px solid var(--accent-border);border-radius:12px;padding:12px 14px;font-size:13.5px;color:var(--accent-dark);margin-bottom:16px}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.5);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}.center-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.app-shell{display:flex;height:100vh;height:100dvh}.sidebar{width:240px;flex-shrink:0;background:#fff;border-right:1px solid var(--border-2);padding:22px 14px;display:flex;flex-direction:column;height:100%}.nav{display:flex;flex-direction:column;gap:3px}.nav-item{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:11px;color:var(--text-muted);font-weight:500;font-size:15px;transition:background .12s}.nav-item:hover{background:#f3f2ee;color:var(--text-muted)}.nav-item .marker{width:7px;height:7px;border-radius:50%;background:#cfd1d6;flex-shrink:0}.nav-item.active{background:var(--accent-soft);color:var(--accent-dark);font-weight:700}.nav-item.active .marker{background:var(--accent)}.wa-card{margin-top:20px;background:#f0f5ff;border:1px solid #d9e4f8;border-radius:14px;padding:14px;cursor:pointer}.wa-card.off{background:#f7f6f2;border-color:var(--border-2)}.wa-card .title{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:700}.wa-card .desc{font-size:12.5px;color:var(--text-muted);margin-top:4px;line-height:1.45}.wa-card .dot{width:8px;height:8px;border-radius:50%;background:#3fa46a}.wa-card .dot.off{background:#c9ccd3}.profile-wrap{margin-top:auto}.profile-card{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;background:var(--bg)}.avatar{border-radius:50%;background:var(--accent);color:#fff;font-weight:700;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.main{flex:1;min-width:0;overflow-y:auto}.page{padding:32px 36px 60px;max-width:1040px}.page-header{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:24px}.page-title{font-size:30px;letter-spacing:-.03em}.search{width:260px;height:44px;border-radius:12px;font-size:15px}.card{background:#fff;border:1px solid var(--border-2);border-radius:18px;padding:24px}.card h3.section{font-size:12.5px;font-weight:700;color:var(--text-faint);text-transform:uppercase;letter-spacing:.06em;margin-bottom:18px}.kv{display:flex;justify-content:space-between;font-size:15px;gap:12px}.kv+.kv{margin-top:14px}.kv .k{color:#8a8d94}.kv .v{font-weight:600;text-align:right}.kv .v.ok{color:var(--ok-fg)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.col-span{grid-column:1 / -1}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 16px}.field{display:block}.actions{display:flex;justify-content:flex-end;margin-top:20px}.passos{margin:0 0 18px;padding-left:20px;font-size:15px;line-height:1.65;color:#45484f}.passos li+li{margin-top:8px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:28px}.stat{background:#fff;border:1px solid var(--border-2);border-radius:16px;padding:20px}.stat .n{font-family:Space Grotesk;font-size:30px;font-weight:700;color:var(--accent-dark)}.stat .n.late{color:var(--late-fg)}.stat .l{font-size:13px;color:var(--text-muted);margin-top:2px}.cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}.cat-card{display:flex;align-items:center;gap:14px;padding:18px 20px}.cat-emoji{width:44px;height:44px;border-radius:12px;background:var(--accent-soft);display:inline-flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}.secao{margin-bottom:28px}.secao-titulo{font-size:13px;font-weight:700;color:var(--text-faint);text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px}.task-list{display:flex;flex-direction:column;gap:8px}.task{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--border-2);border-radius:14px;padding:14px 16px}.task.done .task-title{text-decoration:line-through;color:var(--text-faint)}.task-main{flex:1;min-width:0}.task-title{font-size:15.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis}.task-sub{font-size:13px;color:var(--text-faint);margin-top:2px}.task-meta{font-size:13.5px;color:var(--text-muted);white-space:nowrap}.task-meta.late{color:var(--late-fg);font-weight:600}.chip{display:inline-flex;align-items:center;font-size:12.5px;font-weight:600;color:var(--accent-dark);background:var(--accent-soft);border:1px solid var(--accent-border);border-radius:999px;padding:3px 10px;white-space:nowrap}.icon-btn{width:38px;height:38px;border-radius:10px;border:1.5px solid var(--border);background:#fff;color:var(--text-muted);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.icon-btn:hover{border-color:#c9cbd2;color:var(--text)}.icon-btn.ok:hover{background:var(--ok-bg);color:var(--ok-fg);border-color:#bfdcc9}.empty{text-align:center;padding:44px 28px;margin-bottom:28px}.empty-icon{width:56px;height:56px;border-radius:16px;background:var(--accent-soft);color:var(--accent);font-size:26px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;margin-bottom:14px}.tbl-wrap{overflow-x:auto}.tbl{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--border-2);border-radius:16px;overflow:hidden}.tbl th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-faint);padding:14px 18px;border-bottom:1px solid var(--border-2);font-weight:700}.tbl td{padding:14px 18px;border-bottom:1px solid var(--divider);font-size:14.5px;vertical-align:middle}.tbl tr:last-child td{border-bottom:none}.toggle-line{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:18px;padding-top:18px;border-top:1px solid var(--divider)}.switch{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:46px;height:26px;border-radius:999px;background:#d3d5da;position:relative;cursor:pointer;flex-shrink:0;transition:background .15s}.switch:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .15s}.switch:checked{background:var(--accent)}.switch:checked:after{transform:translate(20px)}.mobile-topbar,.hamburger{display:none}@media(max-width:1000px){.stat-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:860px){.auth-split{flex-direction:column}.auth-panel{padding:32px 24px;min-height:auto}.auth-panel h1{font-size:30px!important}.auth-panel .copyright{display:none}.auth-form-wrap{padding:28px 20px 48px}.grid-2{grid-template-columns:1fr}}@media(max-width:720px){.app-shell{flex-direction:column}.sidebar{position:fixed;left:0;top:0;bottom:0;z-index:40;height:100vh;height:100dvh;transform:translate(-100%);transition:transform .22s ease;box-shadow:0 0 40px #00000026}.sidebar.open{transform:translate(0)}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000040;z-index:35}.mobile-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:#fff;border-bottom:1px solid var(--border-2);position:sticky;top:0;z-index:30}.hamburger{width:40px;height:40px;border-radius:10px;border:1px solid var(--border);background:#fff;display:flex;align-items:center;justify-content:center}.page{padding:20px 16px 48px}.page-header{flex-direction:column;align-items:stretch;gap:12px;margin-bottom:18px}.page-title{font-size:26px}.search{width:100%}.otp-box{width:52px;height:62px;font-size:24px}.verify-wrap{padding:20px 14px}.verify-card{padding:32px 22px}.form-grid{grid-template-columns:1fr}.stat-grid{gap:10px}.stat{padding:14px 16px}.stat .n{font-size:24px}.actions .btn{width:100%}.task{flex-wrap:wrap;row-gap:8px;padding:14px}.task-main{flex-basis:calc(100% - 52px);order:1}.task .icon-btn{order:2}.task .chip{order:3}.task-meta{order:4}.tbl-cards,.tbl-cards thead,.tbl-cards tbody,.tbl-cards tr,.tbl-cards td{display:block;width:100%}.tbl-cards thead{position:absolute;left:-9999px}.tbl-cards{border:none;background:none}.tbl-cards tr{background:#fff;border:1px solid var(--border-2);border-radius:14px;padding:14px 16px;margin-bottom:12px}.tbl-cards td{border:none;padding:5px 0;font-size:14px;text-align:left!important;white-space:normal!important}.tbl-cards td[data-label]:before{content:attr(data-label);display:block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-faint);margin-bottom:1px}.tbl-cards td.tc-title{font-size:15.5px;margin-bottom:4px}.tbl-cards td.tc-actions{display:flex;justify-content:flex-end;border-top:1px solid var(--divider);margin-top:8px;padding-top:10px}.tbl-cards td.tc-actions .btn{width:100%}.tbl-cards td[colspan]{text-align:center!important}}