:root{--primary:#2563eb;--primary-hover:#1d4ed8;--bg:#f8fafc;--white:#fff;--text:#0f172a;--text-muted:#64748b;--border:#e2e8f0;--radius:10px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--success:#22c55e;--warning:#f59e0b;--danger:#ef4444;--galaxy-bg:#020617;--galaxy-accent:#3b82f6;--galaxy-secondary:#8b5cf6;--glass:#ffffff0d;--glass-border:#ffffff1a}@keyframes galaxy-bg-move{0%{transform:scale(1)translate(0)}50%{transform:scale(1.1)translate(-2%,-2%)}to{transform:scale(1)translate(0)}}.galaxy-container{background:radial-gradient(circle at center,var(--galaxy-secondary)0%,var(--galaxy-bg)70%);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.galaxy-stars{opacity:.5;background-image:radial-gradient(#fff,#fff3 2px,#0000 40px),radial-gradient(#fff,#ffffff26 1px,#0000 30px),radial-gradient(#fff,#ffffff1a 2px,#0000 40px);background-position:0 0,40px 60px,130px 270px;background-size:550px 550px,350px 350px,250px 250px;width:100%;height:100%;animation:20s linear infinite galaxy-bg-move;position:absolute;top:0;left:0}.glass-card{background:var(--glass);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);z-index:10;border-radius:16px;width:100%;max-width:400px;padding:2.5rem;position:relative;box-shadow:0 25px 50px -12px #00000080}.input-group{margin-bottom:1.5rem}.input-group label{color:#fffc;margin-bottom:.5rem;font-size:.875rem;display:block}.input-group input{border-radius:var(--radius);color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;outline:none;width:100%;padding:.75rem 1rem;transition:border-color .2s}.input-group input:focus{border-color:var(--galaxy-accent)}.btn-galaxy{background:linear-gradient(to right,var(--galaxy-accent),var(--galaxy-secondary));color:#fff;border-radius:var(--radius);width:100%;padding:.875rem;font-weight:600;transition:transform .2s,opacity .2s}.btn-galaxy:hover{opacity:.9;transform:translateY(-2px)}body{background-color:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;outline:none}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-4{gap:1rem}.p-4{padding:1rem}.mt-4{margin-top:1rem}.card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.5rem}.badge{border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.layout-wrapper{min-height:100vh;display:flex}.main-content{background:#f8fafc;flex-direction:column;flex:1;min-width:0;margin-left:260px;display:flex}.page-container{flex:1;padding:2rem}@media (max-width:768px){.main-content{margin-left:70px}}.metric-card{border-radius:12px;align-items:center;gap:1rem;padding:1.5rem;display:flex}.metric-icon{border-radius:10px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.page-header{justify-content:space-between;align-items:center;margin-bottom:2.5rem;display:flex}.title-section h1{color:#0f172a;letter-spacing:-.04em;font-size:2rem;font-weight:800}.title-section p{color:#64748b;margin-top:.25rem;font-size:1rem}.dashboard-content{padding:1.5rem 0}.dashboard-header h1{color:#0f172a;letter-spacing:-.02em;font-size:1.75rem;font-weight:800}.dashboard-header p{color:#64748b;margin-top:.25rem;margin-bottom:2rem;font-size:.9375rem}.kpis-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:2rem;display:grid}.kpi-card{background:#fff;border:1px solid #f1f5f9;border-radius:16px;padding:1.5rem;box-shadow:0 1px 3px #00000005}.kpi-top{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.kpi-icon{border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.kpi-change{align-items:center;gap:4px;font-size:.75rem;font-weight:700;display:flex}.kpi-change.up{color:#22c55e}.kpi-change.down{color:#ef4444}.kpi-status{color:#94a3b8;font-size:.6875rem;font-weight:800}.kpi-label{color:#64748b;font-size:.8125rem;font-weight:600}.kpi-value{color:#0f172a;margin-top:.25rem;font-size:1.75rem;font-weight:800}.dashboard-main-grid{grid-template-columns:1fr 340px;gap:1.5rem;display:grid}.section-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.section-header h3{color:#1e293b;font-size:1rem;font-weight:700}.period-select{color:#64748b;border:1px solid #e2e8f0;border-radius:8px;outline:none;padding:.4rem .8rem;font-size:.75rem;font-weight:600}.mock-chart{justify-content:space-around;align-items:flex-end;height:280px;padding-bottom:2rem;display:flex}.bar-container{flex-direction:column;align-items:center;gap:1rem;width:40px;display:flex}.bar{border-radius:6px 6px 4px 4px;width:100%}.bar-container span{color:#94a3b8;font-size:.625rem;font-weight:800}.activity-list{flex-direction:column;gap:1.5rem;display:flex}.activity-item{gap:1rem;display:flex}.act-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.875rem;display:flex}.act-title{color:#1e293b;font-size:.875rem;font-weight:700;line-height:1.4}.act-desc{color:#64748b;margin-top:.125rem;font-size:.75rem}.act-time{color:#cbd5e1;margin-top:.5rem;font-size:.625rem;font-weight:800;display:block}.btn-view-all{color:#2563eb;cursor:pointer;background:#eff6ff;border:none;border-radius:8px;width:100%;margin-top:2rem;padding:.75rem;font-size:.8125rem;font-weight:700}.top-freelancers{margin-top:2rem}.link-btn{color:#2563eb;cursor:pointer;background:0 0;border:none;font-size:.8125rem;font-weight:700}.rating{font-weight:700}.card{background:#fff;border:1px solid #f1f5f9;border-radius:16px}.table-card{overflow:hidden}.pixel-table{border-collapse:collapse;width:100%}.pixel-table th{text-align:left;color:#94a3b8;letter-spacing:.08em;background:#fafafa;border-bottom:1px solid #f1f5f9;padding:1.25rem;font-size:.6875rem;font-weight:800}.pixel-table td{vertical-align:middle;border-bottom:1px solid #f8fafc;padding:1.25rem;font-size:.875rem}.user-cell{align-items:center;gap:.75rem;font-weight:600;display:flex}.user-cell img{border-radius:8px;width:32px;height:32px}.status-badge{border-radius:6px;padding:.25rem .6rem;font-size:.625rem;font-weight:800}.status-badge.available{color:#22c55e;background:#f0fdf4}.tabs-strip{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:flex-end;margin-bottom:2rem;display:flex}.tabs-nav{gap:2rem;display:flex}.tabs-nav button{color:#64748b;cursor:pointer;background:0 0;border:none;padding:1rem 0;font-size:.875rem;font-weight:600;position:relative}.tabs-nav button.active{color:#2563eb}.tabs-nav button.active:after{content:"";background:#2563eb;width:100%;height:2px;position:absolute;bottom:-1px;left:0}.view-toggle{background:#f1f5f9;border-radius:10px;margin-bottom:.75rem;padding:.25rem;display:flex}.view-toggle button{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.8125rem;font-weight:700;display:flex}.view-toggle button.active{color:#2563eb;background:#fff;box-shadow:0 1px 3px #0000001a}.btn-new-project{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.875rem;font-weight:700;display:flex}.project-name-cell{flex-direction:column;gap:.25rem;display:flex}.p-title{color:#1e293b;font-weight:700}.p-sub{color:#94a3b8;font-size:.75rem;font-weight:500}.client-cell{color:#475569;align-items:center;gap:.75rem;font-weight:600;display:flex}.client-icon{background:#f0f4ff;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:.875rem;display:flex}.team-avatars{align-items:center;display:flex}.team-avatars img{border:2px solid #fff;border-radius:50%;width:32px;height:32px;margin-left:-12px}.team-avatars img:first-child{margin-left:0}.more-count{color:#64748b;background:#f1f5f9;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;margin-left:-12px;font-size:.75rem;font-weight:700;display:flex}.progress-cell{align-items:center;gap:1rem;display:flex}.bar-bg{background:#f1f5f9;border-radius:10px;flex:1;max-width:120px;height:8px;overflow:hidden}.bar-fill{border-radius:10px;height:100%}.perc{color:#475569;font-size:.75rem;font-weight:800}.status-pill{border-radius:20px;padding:.4rem .8rem;font-size:.75rem;font-weight:700}.status-pill.on-track{color:#16a34a;background:#f0fdf4}.status-pill.active{color:#22c55e;background:#f0fdf4}.btn-actions{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:4px}.empty-state{text-align:center;color:#94a3b8;padding:4rem}.table-footer{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.table-footer .stats{color:#64748b;font-size:.8125rem}.pagination{gap:.5rem;display:flex}.page-btn{color:#64748b;cursor:pointer;background:0 0;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:.8125rem;font-weight:700;display:flex}.page-btn.active{color:#fff;background:#2563eb;border-color:#2563eb}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-card{background:#fff;border-radius:20px;width:100%;max-width:480px;padding:2rem;box-shadow:0 20px 25px -5px #0000001a}.modal-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.modal-header h2{color:#0f172a;font-size:1.25rem;font-weight:800}.modal-desc{color:#64748b;margin-bottom:1.5rem;font-size:.875rem}.form-group{margin-bottom:1.5rem}.form-group label{color:#334155;margin-bottom:.625rem;font-size:.875rem;font-weight:700;display:block}.form-group input,.form-group select,.form-group textarea{border:1px solid #e2e8f0;border-radius:10px;outline:none;width:100%;padding:.75rem 1rem;font-family:inherit;font-size:.9375rem;transition:all .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.form-group textarea{resize:vertical;height:100px}.date-input{color:#64748b;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:.75rem;padding:0 1rem;display:flex;position:relative}.date-input input{border:none;padding:.75rem 0;box-shadow:none!important}.modal-actions{grid-template-columns:1fr 1fr;gap:1rem;margin-top:2rem;display:grid}.btn-cancel{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:10px;padding:.75rem;font-weight:700}.btn-submit{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;padding:.75rem;font-weight:700}.btn-submit:disabled{opacity:.6;cursor:not-allowed}.kanban-page{padding:1rem 0}.kanban-header{justify-content:space-between;align-items:center;margin-bottom:2.5rem;display:flex}.btn-new-task{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-weight:700;display:flex}.kanban-columns{gap:1.5rem;padding-bottom:2rem;display:flex;overflow-x:auto}.kanban-col{background:#f8fafc;border-radius:16px;flex:0 0 320px;min-height:70vh;padding:1rem}.col-header h3{color:#1e293b;font-size:.9375rem;font-weight:800}.task-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:1rem;padding:1.25rem}.task-card h4{margin-bottom:1rem;font-size:.9375rem;font-weight:700}.tag{background:#f1f5f9;border-radius:4px;padding:4px 8px;font-size:.625rem;font-weight:800}.card-footer{justify-content:space-between;align-items:center;margin-top:1rem;display:flex}.btn-action{color:#2563eb;cursor:pointer;background:#eff6ff;border:none;border-radius:6px;padding:6px 12px;font-size:.75rem;font-weight:700}.btn-review{color:#7c3aed;cursor:pointer;background:#f5f3ff;border:none;border-radius:6px;padding:6px 12px;font-size:.75rem;font-weight:700}.status-selector{border-top:1px solid #f1f5f9;margin-top:1rem;padding-top:.75rem}.status-selector select{color:#94a3b8;border:none;outline:none;width:100%;font-size:.75rem}.delivery-view{background:#f8fafc;border-radius:12px;margin-bottom:2rem;padding:1rem}.delivery-view .label{color:#94a3b8;margin-bottom:.5rem;font-size:.75rem;font-weight:800;display:block}.review-actions{flex-direction:column;gap:1.5rem;display:flex}.btn-approve{color:#fff;cursor:pointer;background:#22c55e;border:none;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.75rem;font-weight:700;display:flex}.rejection-box{border-top:1px solid #f1f5f9;padding-top:1.5rem}.btn-reject{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-top:.5rem;padding:.75rem;font-weight:700;display:flex}.admin-page{padding:1rem 0}.btn-add-user{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:.75rem 1.25rem;font-size:.875rem;font-weight:700}.user-info{flex-direction:column;display:flex}.user-info .name{color:#1e293b;font-weight:700}.user-info .email{color:#94a3b8;font-size:.75rem}.role-badge{border-radius:8px;align-items:center;gap:.5rem;width:fit-content;padding:.4rem .75rem;font-size:.75rem;font-weight:700;display:flex}.role-badge.admin{color:#ef4444;background:#fef2f2}.role-badge.freelance{color:#2563eb;background:#eff6ff}.last-access{color:#cbd5e1;font-size:.75rem;font-weight:700}.agents-page{padding:1rem 0}.title-area h1{color:#0f172a;letter-spacing:-.04em;font-size:2rem;font-weight:800}.title-area p{color:#64748b;margin-top:.25rem;font-size:1rem}.header-actions{gap:1rem;display:flex}.btn-primary{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.875rem;font-weight:700;display:flex}.btn-secondary{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.875rem;font-weight:700;display:flex}.agents-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.agent-card{background:#fff;border:1px solid #f1f5f9;border-radius:20px;flex-direction:column;padding:1.5rem;transition:all .3s;display:flex;box-shadow:0 1px 3px #00000005}.agent-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px -12px #0000001a}.card-header{justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;display:flex}.agent-info{align-items:center;gap:1rem;display:flex}.agent-avatar{color:#2563eb;background:#eff6ff;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.agent-info h3{color:#1e293b;font-size:1rem;font-weight:800}.role-tag{color:#2563eb;text-transform:uppercase;background:#eff6ff;border-radius:6px;margin-top:.25rem;padding:.2rem .5rem;font-size:.625rem;font-weight:800;display:inline-block}.switch{cursor:pointer;background:#e2e8f0;border-radius:20px;width:40px;height:20px;transition:all .2s;position:relative}.switch:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:all .2s;position:absolute;top:2px;left:2px}.switch.active{background:#22c55e}.switch.active:after{left:22px}.prompt-preview{color:#64748b;-webkit-line-clamp:4;-webkit-box-orient:vertical;height:80px;margin-bottom:1.5rem;font-size:.8125rem;line-height:1.6;display:-webkit-box;overflow:hidden}.agent-card .agent-footer{border-top:1px solid #f8fafc;justify-content:space-between;align-items:center;padding-top:1.25rem;display:flex}.agent-stats{color:#94a3b8;flex-direction:column;gap:.35rem;font-size:.75rem;font-weight:600;display:flex}.agent-stats span{align-items:center;gap:.5rem;display:flex}.agent-actions{gap:.5rem;display:flex}.btn-icon{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:.5rem;transition:all .2s}.btn-icon:hover{color:#1e293b;background:#f1f5f9}.text-red{color:#ef4444!important}.discussion-mode{background:#fff;border:1px solid #f1f5f9;border-radius:20px;padding:2.5rem}.mode-header{align-items:center;gap:1.5rem;margin-bottom:3rem;display:flex}.icon-main{color:#7c3aed;background:#f5f3ff;border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.mode-header h3{color:#1e293b;font-size:1.25rem;font-weight:800}.mode-header p{color:#64748b;margin-top:.25rem;font-size:.9375rem}.settings-list{flex-direction:column;gap:1.5rem;display:flex}.setting-item{background:#f8fafc;border:1px solid #f1f5f9;border-radius:16px;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.setting-item .info{flex-direction:column;gap:.25rem;display:flex}.setting-item strong{color:#1e293b;font-size:.9375rem}.setting-item span{color:#64748b;font-size:.8125rem}.timeline-container{background:#fff;border:1px solid #f1f5f9;border-radius:20px;padding:2rem}.timeline-header{margin-bottom:2rem}.timeline-header h3{color:#1e293b;font-size:1.125rem;font-weight:800}.timeline-header span{color:#94a3b8;font-size:.8125rem;font-weight:600}.timeline-list{flex-direction:column;display:flex;position:relative}.timeline-item{gap:1.5rem;padding-bottom:2.5rem;display:flex;position:relative}.timeline-item:last-child{padding-bottom:0}.timeline-line{background:#f1f5f9;width:2px;position:absolute;top:32px;bottom:0;left:16px}.timeline-item:last-child .timeline-line{display:none}.timeline-icon{z-index:1;background:#fff;border:2px solid #f1f5f9;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.timeline-content{flex:1}.log-top{justify-content:space-between;margin-bottom:.4rem;display:flex}.log-user{color:#1e293b;align-items:center;gap:.4rem;font-size:.75rem;font-weight:800;display:flex}.log-date{color:#94a3b8;font-size:.75rem;font-weight:600}.log-details{color:#64748b;font-size:.875rem;font-weight:500;line-height:1.5}.empty-timeline{text-align:center;color:#94a3b8;padding:4rem 2rem}.empty-timeline p{margin-top:1rem;font-weight:600}.chat-trigger{color:#fff;z-index:1000;cursor:pointer;background:#2563eb;border:none;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;transition:transform .2s;display:flex;position:fixed;bottom:2rem;right:2rem;box-shadow:0 8px 24px #2563eb66}.chat-trigger:hover{transform:scale(1.1)}.chat-trigger .badge{color:#fff;background:#ef4444;border:2px solid #fff;border-radius:10px;padding:4px 6px;font-size:10px;font-weight:800;position:absolute;top:-5px;right:-5px}.chat-window{z-index:1001;background:#fff;border:1px solid #f1f5f9;border-radius:20px;flex-direction:column;width:380px;height:500px;display:flex;position:fixed;bottom:5rem;right:2rem;overflow:hidden;box-shadow:0 20px 40px #0000001a}.chat-header{color:#fff;background:#2563eb;justify-content:space-between;align-items:center;padding:1.25rem;display:flex}.chat-header .header-info{align-items:center;gap:.75rem;display:flex}.chat-header h3{font-size:.9375rem;font-weight:700}.chat-header .status{opacity:.8;font-size:.6875rem;display:block}.chat-header button{color:#fff;cursor:pointer;background:0 0;border:none}.chat-header .header-actions{display:flex}.chat-body{background:#f8fafc;flex-direction:column;flex:1;gap:1rem;padding:1.25rem;display:flex;overflow-y:auto}.message{border-radius:15px;max-width:85%;padding:.75rem 1rem;font-size:.875rem;line-height:1.5;position:relative}.message.user{color:#fff;background:#2563eb;border-bottom-right-radius:4px;align-self:flex-end}.message.assistant{color:#1e293b;background:#fff;border:1px solid #e2e8f0;border-bottom-left-radius:4px;align-self:flex-start}.message.system{color:#94a3b8;text-align:center;background:0 0;border:none;align-self:center;max-width:100%;font-size:.75rem}.msg-time{opacity:.6;text-align:right;margin-top:.25rem;font-size:.625rem;display:block}.message.user .msg-time{color:#fff}.chat-input{background:#fff;border-top:1px solid #f1f5f9;gap:.75rem;padding:1rem;display:flex}.chat-input input{color:#1e293b;border:none;outline:none;flex:1;font-size:.9375rem}.chat-input button{color:#2563eb;cursor:pointer;background:0 0;border:none}.typing{gap:4px;display:flex;padding:10px 15px!important}.dot{background:#cbd5e1;border-radius:50%;width:6px;height:6px;animation:1.4s infinite bounce}.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-6px)}}@media (max-width:1200px){.kpis-grid{grid-template-columns:repeat(2,1fr)}.dashboard-main-grid{grid-template-columns:1fr}.agents-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.agents-grid{grid-template-columns:1fr}.team-avatars,.progress-cell{display:none}.chat-window{width:calc(100vw - 2rem);right:1rem}}.reports-page{padding:1rem 0}.metrics-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:3rem;display:grid}.metric-card{background:#fff;border:1px solid #f1f5f9;border-radius:16px;padding:1.5rem}.m-header{align-items:center;gap:.75rem;margin-bottom:1.25rem;display:flex}.m-icon{border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.m-icon.blue{color:#2563eb;background:#eff6ff}.m-icon.purple{color:#7c3aed;background:#f5f3ff}.m-icon.orange{color:#d97706;background:#fffbe6}.m-icon.green{color:#16a34a;background:#f0fdf4}.m-label{color:#64748b;font-size:.8125rem;font-weight:700}.m-value{color:#0f172a;margin-bottom:.25rem;font-size:1.75rem;font-weight:800}.m-sub{color:#94a3b8;font-size:.75rem;font-weight:600}.m-sub.pos{color:#16a34a}.m-sub.neg{color:#dc2626}.charts-section{grid-template-columns:2fr 1fr;gap:1.5rem;display:grid}.chart-card{background:#fff;border:1px solid #f1f5f9;border-radius:16px;padding:2rem}.chart-card h3{color:#1e293b;margin-bottom:2rem;font-size:1.125rem;font-weight:700}.chart-placeholder{flex-direction:column;justify-content:flex-end;height:200px;display:flex}.bars{align-items:flex-end;gap:2rem;height:160px;padding:0 1rem;display:flex}.bars .bar{opacity:.8;background:#2563eb;border-radius:4px 4px 0 0;flex:1;transition:opacity .2s}.bars .bar:hover{opacity:1}.days{color:#94a3b8;justify-content:space-between;padding:1rem 1rem 0;font-size:.75rem;font-weight:700;display:flex}.role-distribution{flex-direction:column;gap:1.5rem;display:flex}.role-head{color:#475569;justify-content:space-between;margin-bottom:.5rem;font-size:.8125rem;font-weight:700;display:flex}.role-bar{background:#f1f5f9;border-radius:10px;height:8px;overflow:hidden}.role-bar .fill{border-radius:10px;height:100%}.finance-page{padding:1rem 0}.balance-cards{grid-template-columns:2fr 1fr 1fr;gap:1.5rem;margin-bottom:3rem;display:grid}.balance-main{color:#fff;background:#1e293b!important;border:none!important}.balance-main .label{color:#fff9}.label{color:#94a3b8;margin-bottom:.75rem;font-size:.8125rem;font-weight:600;display:block}.value{letter-spacing:-.02em;font-size:2.25rem;font-weight:800}.trend.positive{color:#4ade80;background:#22c55e1a;border-radius:6px;margin-top:1rem;padding:.25rem .6rem;font-size:.75rem;font-weight:700;display:inline-block}.btn-filter{color:#64748b;cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;display:flex}.finance-table{border-collapse:collapse;width:100%}.finance-table th{text-align:left;color:#94a3b8;letter-spacing:.08em;border-bottom:1px solid #f1f5f9;padding:1.25rem;font-size:.6875rem;font-weight:800}.finance-table td{color:#475569;border-bottom:1px solid #f8fafc;padding:1.25rem;font-size:.875rem}.desc-cell{align-items:center;gap:1rem;font-weight:600;display:flex}.icon-box{border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.icon-box.out{color:#ef4444;background:#fef2f2}.icon-box.inc{color:#22c55e;background:#f0fdf4}.text-pos{color:#16a34a;font-weight:700}.text-neg{color:#dc2626;font-weight:700}.status-pill.concluído{color:#16a34a;background:#f0fdf4}.status-pill.pendente{color:#d97706;background:#fffbeb}.btn-more{color:#cbd5e1;cursor:pointer;background:0 0;border:none}.settings-container{padding:1rem 0}.settings-header{margin-bottom:2.5rem}.title-row{justify-content:space-between;align-items:center;display:flex}.title-row h1{color:#0f172a;letter-spacing:-.04em;font-size:2rem;font-weight:800}.btn-save{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.875rem;font-weight:700;display:flex}.settings-header p{color:#64748b;margin-top:.25rem}.settings-layout{grid-template-columns:240px 1fr;gap:2rem;display:grid}.tabs-sidebar{flex-direction:column;gap:.5rem;display:flex}.tab-btn{color:#64748b;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;font-size:.875rem;font-weight:600;transition:all .2s;display:flex}.tab-btn:hover{color:#0f172a;background:#f1f5f9}.tab-btn.active{color:#2563eb;background:#eff6ff}.settings-content{background:#fff;border:1px solid #f1f5f9;border-radius:16px;padding:2.5rem}.tab-pane>h3{color:#1e293b;margin-bottom:1.5rem;font-size:1.125rem;font-weight:700}.tab-pane .sub{color:#64748b;margin-top:-1rem;margin-bottom:2rem;font-size:.875rem}.form-grid{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.field-group{flex-direction:column;gap:.5rem;display:flex}.field-group.full{grid-column:span 2}.field-group label{color:#475569;font-size:.875rem;font-weight:600}.field-group input,.field-group select{border:1px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:.75rem 1rem;font-size:.875rem}.field-group input:focus,.field-group select:focus{border-color:#2563eb}.divider{background:#f1f5f9;height:1px;margin:2.5rem 0}.checkbox-list{flex-direction:column;gap:1.5rem;display:flex}.check-item{align-items:flex-start;gap:1rem;display:flex}.check-text label{color:#475569;cursor:pointer;margin-bottom:.125rem;font-size:.875rem;font-weight:600;display:block}.check-text p{color:#94a3b8;margin:0;font-size:.75rem}.visual-controls{align-items:center;gap:4rem;display:flex}.logo-upload{align-items:center;gap:1.5rem;display:flex}.current-logo{background:#f8fafc;border:2px dashed #e2e8f0;border-radius:12px;justify-content:center;align-items:center;width:64px;height:64px;font-size:1.5rem;display:flex}.btn-outline{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:.5rem 1rem;font-size:.8125rem;font-weight:600}.color-presets label{color:#475569;margin-bottom:.5rem;font-size:.875rem;font-weight:600;display:block}.presets-grid{gap:.75rem;margin-top:.5rem;display:flex}.color-dot{cursor:pointer;border:2px solid #0000;border-radius:50%;width:32px;height:32px}.color-dot.active{border-color:#0f172a}.toggle-row{background:#f8fafc;border-radius:12px;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.toggle-text strong{color:#1e293b;font-size:.9375rem}.toggle-text p{color:#64748b;margin-top:.125rem;margin-bottom:0;font-size:.75rem}.current-plan-card{color:#fff;background:linear-gradient(135deg,#1e3a8a 0%,#1e40af 100%);border-radius:16px;margin-bottom:2.5rem;padding:2rem}.p-badge{opacity:.7;letter-spacing:.05em;margin-bottom:.25rem;font-size:.625rem;font-weight:800;display:block}.p-header{justify-content:space-between;align-items:flex-end;display:flex}.p-info h2{margin:.25rem 0;font-size:1.75rem;font-weight:800}.p-info p{opacity:.8;margin:0;font-size:.875rem}.btn-upgrade{color:#1e40af;cursor:pointer;background:#fff;border:none;border-radius:8px;padding:.6rem 1.25rem;font-size:.8125rem;font-weight:700}.mini-table{border-collapse:collapse;width:100%}.mini-table th{text-align:left;color:#94a3b8;border-bottom:1px solid #f1f5f9;padding:1rem;font-size:.625rem;font-weight:800}.mini-table td{border-bottom:1px solid #f8fafc;padding:1rem;font-size:.8125rem}.badge-paid{color:#16a34a;font-size:.6875rem;font-weight:700}.login-wrapper{min-height:100vh;display:flex}.login-left{color:#fff;background:linear-gradient(135deg,#1e40af 0%,#1e3a8a 100%);flex:1;justify-content:center;align-items:center;padding:4rem;display:flex;position:relative;overflow:hidden}.grid-overlay{opacity:.5;background-image:radial-gradient(#ffffff1a 1px,#0000 1px);background-size:30px 30px;position:absolute;inset:0}.left-content{z-index:10;max-width:500px;position:relative}.logo-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:2.5rem;font-size:2rem;display:flex}.hero-title{letter-spacing:-.04em;margin-bottom:1.5rem;font-size:3.5rem;font-weight:800;line-height:1.1}.hero-subtitle{color:#fffc;margin-bottom:3rem;font-size:1.125rem;line-height:1.6}.social-proof{background:#0000001a;border-radius:12px;align-items:center;gap:1rem;width:fit-content;padding:1rem 1.5rem;font-size:.875rem;display:flex}.avatars{display:flex}.login-wrapper .avatar{background:#e2e8f0;border:2px solid #1e3a8a;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;margin-left:-8px;display:flex}.login-wrapper .avatar:first-child{margin-left:0}.login-right{background:#fff;justify-content:center;align-items:center;width:50%;padding:2rem;display:flex}.form-container{width:100%;max-width:420px}.brand{color:#1e40af;align-items:center;gap:.75rem;margin-bottom:3rem;font-size:1.25rem;display:flex}.brand-icon{color:#fff;background:#2563eb;border-radius:8px;justify-content:center;align-items:center;padding:6px;display:flex}.brand-name strong{color:#2563eb}.welcome-text{color:#0f172a;margin-bottom:.5rem;font-size:2rem;font-weight:700}.welcome-subtext{color:#64748b;margin-bottom:2.5rem;font-size:.9375rem}.label-row{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.input-wrapper{position:relative}.eye-btn{color:#64748b;cursor:pointer;background:0 0;border:none;align-items:center;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.forgot-link{color:#2563eb;font-size:.8125rem;font-weight:600;text-decoration:none}.checkbox-group{color:#475569;align-items:center;gap:.625rem;margin-bottom:2rem;font-size:.8125rem;display:flex}.btn-signin{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;width:100%;padding:.875rem;font-size:1rem;font-weight:600;transition:all .2s}.btn-signin:hover{background:#1d4ed8;transform:translateY(-1px)}.social-btns{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:2rem;display:grid}.social-btn{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem;font-size:.875rem;font-weight:600;transition:all .2s;display:flex}.social-btn:hover{background:#f8fafc;border-color:#cbd5e1}.footer-link{text-align:center;color:#64748b;font-size:.875rem}.footer-link a{color:#2563eb;font-weight:700;text-decoration:none}.legal-footer{color:#94a3b8;justify-content:center;gap:1.5rem;margin-top:5rem;font-size:.75rem;display:flex}.error-message{color:#ef4444;background:#fef2f2;border:1px solid #fee2e2;border-radius:8px;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:.875rem;font-size:.875rem;font-weight:600;display:flex}@media (max-width:1024px){.login-left{display:none}.login-right{width:100%}}.register-bg{background:#f8fafc;flex-direction:column;min-height:100vh;display:flex}.register-nav{background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:1.5rem 4rem;display:flex}.nav-links{color:#64748b;align-items:center;gap:1.5rem;font-size:.875rem;display:flex}.nav-divider{color:#94a3b8;margin:0 .5rem}.btn-login-small{color:#fff;background:#2563eb;border-radius:6px;padding:.5rem 1.25rem;font-weight:600;text-decoration:none}.register-main{flex:1;width:100%;max-width:800px;margin:0 auto;padding:4rem 2rem}.header-section{text-align:center;margin-bottom:3rem}.title{color:#0f172a;letter-spacing:-.04em;margin-bottom:1rem;font-size:2.5rem;font-weight:800}.subtitle{color:#64748b;max-width:600px;margin:0 auto;font-size:1.125rem;line-height:1.6}.register-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;margin-bottom:3rem;padding:2.5rem;box-shadow:0 10px 25px -5px #0000000d}.input-field{position:relative}.field-icon{color:#94a3b8;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.role-grid{grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:.5rem;display:grid}.role-option{cursor:pointer;text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.25rem;transition:all .2s}.role-option:hover{background:#f8fafc;border-color:#cbd5e1}.role-option.active{background:#2563eb08;border-color:#2563eb;box-shadow:0 0 0 1px #2563eb}.role-icon{color:#64748b;justify-content:center;margin-bottom:.5rem;display:flex}.role-option.active .role-icon{color:#2563eb}.role-title{color:#475569;font-size:.875rem;font-weight:600}.role-option.active .role-title{color:#1e40af}.terms{text-align:center;color:#94a3b8;margin-top:1.5rem;font-size:.75rem}.terms a{color:#475569;text-decoration:underline}.features-strip{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.f-item{background:#eef2ff;border:1px solid #e0e7ff;border-radius:12px;padding:1.5rem}.f-icon{margin-bottom:.5rem;font-size:1.25rem}.f-item strong{color:#1e40af;margin-bottom:.25rem;font-size:.875rem;display:block}.f-item p{color:#64748b;margin:0;font-size:.75rem;line-height:1.4}.register-footer{color:#94a3b8;background:#fff;border-top:1px solid #e2e8f0;justify-content:space-between;padding:2rem 4rem;font-size:.8125rem;display:flex}.footer-links{gap:1.5rem;display:flex}.success-view{text-align:center;padding:2rem 0}.success-icon{color:#22c55e;justify-content:center;margin-bottom:1.5rem;display:flex}.success-view h2{margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.success-view p{color:#64748b;margin-bottom:2rem}.project-details{padding:1rem 0}.header-nav{margin-bottom:2rem}.back-link{color:#64748b;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;text-decoration:none;display:flex}.back-link:hover{color:#2563eb}.project-header-main{justify-content:space-between;align-items:flex-end;margin-bottom:2.5rem;display:flex}.client-tag{color:#2563eb;letter-spacing:.02em;background:#eff6ff;border-radius:20px;margin-bottom:.75rem;padding:.25rem .75rem;font-size:.75rem;font-weight:800;display:inline-block}.project-header-main h1{color:#0f172a;letter-spacing:-.04em;font-size:2.5rem;font-weight:800}.meta{color:#94a3b8;gap:1.5rem;margin-top:1rem;font-size:.875rem;font-weight:500;display:flex}.meta span{align-items:center;gap:.5rem;display:flex}.deadline{color:#f59e0b;font-weight:700}.project-tabs{border-bottom:1px solid #f1f5f9;gap:2rem;margin-bottom:2.5rem;display:flex}.tab-link{color:#94a3b8;border-bottom:2px solid #0000;align-items:center;gap:.75rem;padding:1rem .5rem;font-size:.9375rem;font-weight:700;text-decoration:none;transition:all .2s;display:flex}.tab-link:hover{color:#64748b}.tab-link.active{color:#2563eb;border-color:#2563eb}.overview-cards{grid-template-columns:2fr 1fr 1fr;gap:1.5rem;margin-bottom:3rem;display:grid}.stat-card .label{color:#94a3b8;margin-bottom:.75rem;font-size:.8125rem;font-weight:600;display:block}.stat-card .value{color:#1e293b;font-size:1.5rem;font-weight:800}.progress-container{align-items:center;gap:1rem;margin-top:.5rem;display:flex}.progress-bar{background:#f1f5f9;border-radius:10px;flex:1;height:10px;overflow:hidden}.progress-bar .fill{background:#2563eb;border-radius:10px;height:100%;transition:width .5s}.percent{color:#2563eb;font-size:.875rem;font-weight:800}.details-grid{grid-template-columns:1fr 320px;gap:1.5rem;display:grid}.tasks-section{background:#fff;border:1px solid #f1f5f9;border-radius:16px;padding:2rem}.task-list{flex-direction:column;gap:1rem;display:flex}.task-item{background:#fdfdfd;border:1px solid #f8fafc;border-radius:12px;justify-content:space-between;align-items:center;padding:1rem;transition:all .2s;display:flex}.task-item:hover{border-color:#e2e8f0;transform:translate(4px)}.task-info{align-items:center;gap:1rem;display:flex}.status-icon{border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.status-icon.approved{color:#22c55e;background:#f0fdf4}.status-icon.backlog{color:#94a3b8;background:#f8fafc}.status-icon.in_progress{color:#2563eb;background:#eff6ff}.task-title{color:#1e293b;font-size:.9375rem;font-weight:700}.task-assignee{color:#94a3b8;align-items:center;gap:.25rem;margin-top:.25rem;font-size:.75rem;display:flex}.info-card h3{color:#1e293b;margin-bottom:1.5rem;font-size:.9375rem;font-weight:800}.info-row{flex-direction:column;gap:.25rem;margin-bottom:1.25rem;display:flex}.info-label{color:#94a3b8;font-size:.75rem;font-weight:600}.info-val{color:#475569;font-size:.875rem;font-weight:700}.history-section{max-width:800px}