:root{--font-display: "Cousine", ui-monospace, monospace;--font-body: "Inter", system-ui, sans-serif;--primary: hsla(200.63, 100%, 25.1%, 1);--primary-5: hsla(200.63, 100%, 25.1%, .05);--primary-10: hsla(200.63, 100%, 25.1%, .1);--secondary: hsla(203.29, 100%, 50%, 1);--accent: hsla(120, 100%, 25.1%, 1);--danger: hsla(0, 61.7%, 46.08%, 1);--dark: hsla(201.05, 100%, 11.18%, 1);--dark-l-1: hsla(201.05, 100%, 25.39%, 1);--light: hsla(0, 0%, 94.51%, 1);--muted: hsla(221.25, 23.19%, 72.94%, 1);--ink: #0a0a0a;--ink-2: #445a68;--rule: #d8dce0;--rule-dark: rgba(170, 180, 202, .22);--r-md: 8px;--r-lg: 12px;--r-full: 9999px;--s-xs: 4px;--s-sm: 8px;--s-md: 16px;--s-lg: 24px;--s-xl: 32px;--s-2xl: 48px;--wrap: 1200px}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{font-family:var(--font-body);font-size:13.5px;line-height:1.45;color:var(--ink);background:var(--light);display:flex;min-height:100vh}#root{display:flex;width:100%}a{color:var(--primary)}.drop{display:inline-block;width:10px;height:10px;border-radius:50% 50% 50% 0;transform:rotate(135deg);background:var(--secondary)}.drop-lg{width:22px;height:22px}.drop-accent{background:var(--accent)}.sidebar{width:218px;min-width:218px;background:var(--dark);color:var(--light);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;border-right:1px solid var(--rule-dark);z-index:10}.logo{padding:var(--s-md) var(--s-md) var(--s-md);border-bottom:1px solid var(--rule-dark);display:flex;align-items:center;gap:var(--s-sm)}.logo .mark{font-family:var(--font-display);font-weight:700;font-size:15px;letter-spacing:.02em;color:#fff}.logo .mark span{color:var(--secondary)}.logo .sub{font-size:9.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-top:2px}.nav{padding:var(--s-sm) 0;flex:1}.nav-label{font-size:9.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding:var(--s-sm) var(--s-md) var(--s-xs)}.nav a{display:flex;align-items:center;gap:var(--s-sm);padding:7px var(--s-md);color:var(--light);text-decoration:none;font-size:13px;font-weight:500;border-left:2px solid transparent;transition:background .12s ease,border-color .12s ease}.nav a:hover{background:#ffffff0d}.nav a.active{background:#ffffff12;border-left-color:var(--secondary);color:#fff}.nav a .ico{width:14px;height:14px;opacity:.75;flex-shrink:0}.nav a.active .ico{opacity:1}.nav .badge{margin-left:auto;font-family:var(--font-display);font-size:10.5px;background:var(--dark-l-1);color:var(--muted);border-radius:var(--r-full);padding:0 6px;line-height:16px}.side-foot{border-top:1px solid var(--rule-dark);padding:var(--s-sm) var(--s-md) var(--s-md)}.side-foot a.settings{display:block;font-size:11px;color:var(--muted);text-decoration:none;padding:6px 0;transition:color .12s ease}.side-foot a.settings:hover,.side-foot a.settings.active{color:var(--light)}.user{display:flex;align-items:center;gap:var(--s-sm);margin-top:var(--s-xs);padding-top:var(--s-sm);border-top:1px solid var(--rule-dark)}.avatar{width:28px;height:28px;border-radius:var(--r-full);background:var(--dark-l-1);color:var(--secondary);font-family:var(--font-display);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.user .name{font-size:12px;font-weight:600;color:var(--light)}.user .role{font-size:10px;color:var(--muted)}.content{margin-left:218px;flex:1;padding:var(--s-md) var(--s-lg) var(--s-2xl);max-width:calc(var(--wrap) + 2 * var(--s-lg))}.topbar{display:flex;align-items:baseline;gap:var(--s-md);padding-bottom:var(--s-sm);border-bottom:1px solid var(--rule);margin-bottom:var(--s-md);flex-wrap:wrap}.topbar h1{font-family:var(--font-display);font-size:18px;font-weight:700;color:var(--ink)}.crumb{font-size:11px;color:var(--ink-2);text-transform:uppercase;letter-spacing:.06em}.topbar .date{font-family:var(--font-display);font-size:12px;color:var(--ink-2)}.actions{display:flex;gap:var(--s-sm);margin-left:auto}.topbar .actions{margin-bottom:0}.stats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--rule);border-radius:var(--r-md);background:#fff;margin-bottom:var(--s-lg)}.stat{padding:10px var(--s-md);border-right:1px solid var(--rule)}.stat:last-child{border-right:none}.stat .lbl{font-size:9.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-2);margin-bottom:2px}.stat .val{font-family:var(--font-display);font-size:19px;font-weight:700;color:var(--ink);line-height:1.15}.stat .val small{font-family:var(--font-body);font-size:11px;font-weight:500;color:var(--ink-2)}.stat .delta{font-size:10px;color:var(--ink-2);margin-top:1px}.stat .delta.up{color:var(--accent)}.stat .delta.warn{color:var(--danger)}.sec-head{display:flex;align-items:baseline;gap:var(--s-sm);margin:var(--s-lg) 0 var(--s-xs)}.sec-head h2{font-family:var(--font-display);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-2)}.sec-head .count{font-family:var(--font-display);font-size:10px;color:var(--ink-2);background:var(--primary-5);border:1px solid var(--primary-10);border-radius:var(--r-full);padding:0 6px;line-height:15px}.sec-head .more{margin-left:auto;font-size:11px;color:var(--primary);text-decoration:none;font-weight:500}.sec-head .more:hover{text-decoration:underline}.tbl{border:1px solid var(--rule);border-radius:var(--r-md);overflow:hidden;background:#fff}.tbl .thead{display:grid;align-items:center;background:var(--primary-5);border-bottom:1px solid var(--rule);font-size:9.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-2);font-weight:600}.tbl .thead>div{padding:6px var(--s-md)}.row{display:grid;align-items:center;border-bottom:1px solid var(--rule);min-height:42px;transition:background .12s ease}.row:last-child{border-bottom:none}.row:hover{background:var(--primary-5)}.row>div{padding:6px var(--s-md)}.row.clickable{cursor:pointer}.clients-grid{grid-template-columns:2.1fr 1.5fr 1.1fr 1.2fr .9fr}.tasks-grid{grid-template-columns:26px 2.6fr 1fr .9fr}.contacts-grid{grid-template-columns:1.4fr 1.1fr 1.1fr 1.4fr .9fr .7fr}.projects-grid{grid-template-columns:1.8fr 1.3fr 1fr .9fr .9fr}.deals-grid{grid-template-columns:1.8fr 1fr 1fr 1fr .8fr}.access-grid{grid-template-columns:.8fr 1.5fr 1.2fr 1.6fr}.products-grid{grid-template-columns:1.4fr .9fr 1.2fr 1.2fr .8fr 1.4fr .8fr auto}.c-name{font-weight:600;font-size:13px;color:var(--ink);display:flex;align-items:center;gap:var(--s-sm)}.c-name .init{width:22px;height:22px;border-radius:var(--r-md);background:var(--primary-10);color:var(--primary);font-family:var(--font-display);font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.c-meta{font-size:10.5px;color:var(--ink-2)}.c-sub{font-size:11px;color:var(--ink)}.c-sub2{font-size:10.5px;color:var(--ink-2)}.pill{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;border-radius:var(--r-full);padding:2px 8px;white-space:nowrap}.pill .dot{width:5px;height:5px;border-radius:var(--r-full)}.pill-ativo{background:#0080001a;color:var(--accent)}.pill-ativo .dot{background:var(--accent)}.pill-avulso{background:var(--primary-5);color:var(--ink-2);border:1px solid var(--rule)}.pill-proposto{background:var(--primary-10);color:var(--primary)}.pill-proposto .dot{background:var(--primary)}.pill-arquivado{background:var(--light);color:var(--ink-2);border:1px solid var(--rule)}.pill-arquivado .dot{background:var(--muted)}.pill-producao{background:#0080001a;color:var(--accent)}.pill-desenvolvimento{background:var(--primary-10);color:var(--primary)}.pill-pausado{background:#be2d2d14;color:var(--danger)}.pill-entregue{background:var(--light);color:var(--ink-2);border:1px solid var(--rule)}.tag{display:inline-block;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;border-radius:var(--r-md);padding:2px 7px;border:1px solid var(--rule);color:var(--ink-2);background:#fff;white-space:nowrap}.tag-hoje{color:var(--danger);border-color:#be2d2d59;background:#be2d2d0f}.val-num{font-family:var(--font-display);font-size:13px;font-weight:700;color:var(--ink)}.val-num small{font-family:var(--font-body);font-size:10.5px;font-weight:400;color:var(--ink-2)}.val-txt{font-size:11px;color:var(--ink-2)}.act{font-family:var(--font-display);font-size:11px;color:var(--ink-2)}.task-check{width:15px;height:15px;border:1.5px solid var(--muted);border-radius:4px;background:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .12s ease;padding:0}.task-check:hover{border-color:var(--primary);background:var(--primary-5)}.task-check.done{background:var(--accent);border-color:var(--accent)}.task-check.done:after{content:"✓";color:#fff;font-size:10px;font-weight:700;line-height:1}.task-title{font-size:13px;color:var(--ink);font-weight:500}.row.done .task-title{text-decoration:line-through;color:var(--muted)}.row.done{background:var(--primary-5)}.row.done .act,.row.done .val-txt{color:var(--muted)}.pipeline{border:1px solid var(--rule);border-radius:var(--r-md);background:#fff}.pl-stage{display:flex;align-items:center;gap:var(--s-sm);padding:5px var(--s-md);border-bottom:1px solid var(--rule);background:var(--primary-5);font-size:9.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-2);font-weight:600}.deal{display:grid;grid-template-columns:2.2fr 1fr 1fr .9fr auto;align-items:center;min-height:42px;padding:0 var(--s-md);gap:var(--s-md);border-bottom:1px solid var(--rule);transition:background .12s ease}.deal:last-child{border-bottom:none}.deal:hover{background:var(--primary-5)}.deal .d-name{font-size:13px;font-weight:600;color:var(--ink)}.deal .d-sub{font-size:10.5px;color:var(--ink-2)}.deal .d-val{font-family:var(--font-display);font-size:12px;font-weight:700;color:var(--ink)}.btn{font-family:var(--font-body);font-size:11px;font-weight:600;border-radius:var(--r-md);padding:5px 12px;border:1px solid var(--rule);background:#fff;color:var(--ink);cursor:pointer;transition:all .12s ease;white-space:nowrap;text-decoration:none;display:inline-flex;align-items:center;gap:5px}.btn:hover{background:var(--primary-5);border-color:var(--primary);color:var(--primary)}.btn-primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn-primary:hover{background:var(--dark-l-1);border-color:var(--dark-l-1);color:#fff}.btn-danger:hover{background:#be2d2d0f;border-color:var(--danger);color:var(--danger)}.btn:disabled{opacity:.55;cursor:default}.toast{position:fixed;bottom:var(--s-lg);right:var(--s-lg);background:var(--dark);color:var(--light);font-size:12px;font-weight:500;padding:10px var(--s-md);border-radius:var(--r-md);border-left:3px solid var(--accent);box-shadow:0 6px 20px #0a0a0a40;opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity .18s ease,transform .18s ease;z-index:50}.toast.show{opacity:1;transform:translateY(0)}.field{display:flex;flex-direction:column;gap:var(--s-xs)}.field label{font-size:9.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-2);font-weight:600}input[type=text],input[type=password],input[type=number],input[type=search],select,textarea{font-family:var(--font-body);font-size:12.5px;color:var(--ink);background:#fff;border:1px solid var(--rule);border-radius:var(--r-md);padding:6px var(--s-sm);outline:none;transition:border-color .12s ease,box-shadow .12s ease}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-10)}input.input-err{border-color:var(--danger)}.search-box{position:relative;display:inline-flex;align-items:center}.search-box input{width:260px;padding-left:26px}.search-box .ico{position:absolute;left:8px;width:12px;height:12px;color:var(--ink-2);pointer-events:none}.filters{display:flex;gap:var(--s-sm);align-items:center;margin-bottom:var(--s-md);flex-wrap:wrap}.filters .spacer{margin-left:auto}.form-err{font-size:11px;color:var(--danger);font-weight:500}.login-wrap{min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;background:var(--dark)}.login-card{width:340px;background:#fff;border:1px solid var(--rule);border-radius:var(--r-lg);padding:var(--s-lg)}.login-brand{display:flex;align-items:center;gap:var(--s-sm);margin-bottom:var(--s-xs)}.login-brand .mark{font-family:var(--font-display);font-weight:700;font-size:16px;color:var(--ink)}.login-brand .mark span{color:var(--secondary)}.login-sub{font-size:9.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-2);margin-bottom:var(--s-lg)}.login-card .btn-primary{width:100%;justify-content:center;padding:8px 12px;margin-top:var(--s-md)}.login-foot{margin-top:var(--s-md);padding-top:var(--s-sm);border-top:1px solid var(--rule);font-size:10px;color:var(--ink-2);text-transform:uppercase;letter-spacing:.06em}.kanban{display:grid;grid-template-columns:repeat(6,minmax(190px,1fr));gap:var(--s-sm);align-items:start;overflow-x:auto;padding-bottom:var(--s-sm)}.kan-col{border:1px solid var(--rule);border-radius:var(--r-md);background:#fff;min-width:190px}.kan-head{padding:6px var(--s-sm);border-bottom:1px solid var(--rule);background:var(--primary-5)}.kan-head .kan-title{font-size:9.5px;text-transform:uppercase;letter-spacing:.06em;font-weight:600;color:var(--ink-2)}.kan-head .kan-sum{font-family:var(--font-display);font-size:10px;color:var(--ink-2);margin-top:1px}.kan-body{padding:var(--s-sm);display:flex;flex-direction:column;gap:var(--s-sm)}.kan-card{border:1px solid var(--rule);border-radius:var(--r-md);padding:var(--s-sm);transition:border-color .12s ease,background .12s ease}.kan-card:hover{border-color:var(--primary);background:var(--primary-5)}.kan-card .d-name{font-size:12.5px;font-weight:600;color:var(--ink)}.kan-card .d-sub{font-size:10.5px;color:var(--ink-2);margin-top:1px}.kan-card .d-val{font-family:var(--font-display);font-size:12px;font-weight:700;color:var(--ink);margin:var(--s-xs) 0}.kan-card select{width:100%;font-size:11px;padding:4px 6px}.kan-empty{font-size:10.5px;color:var(--muted);padding:var(--s-sm);text-align:center}.info-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--rule);border-radius:var(--r-md);background:#fff}.info-grid .info{padding:10px var(--s-md);border-right:1px solid var(--rule)}.info-grid .info:last-child{border-right:none}.info .lbl{font-size:9.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-2);margin-bottom:2px}.info .v{font-size:12.5px;color:var(--ink);font-weight:500;overflow-wrap:anywhere}.info .v a{text-decoration:none}.info .v a:hover{text-decoration:underline}.obs{border:1px solid var(--rule);border-radius:var(--r-md);background:#fff;padding:var(--s-sm) var(--s-md);font-size:12px;color:var(--ink);margin-top:var(--s-sm)}.obs .lbl{font-size:9.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-2);margin-bottom:2px}.timeline{border:1px solid var(--rule);border-radius:var(--r-md);background:#fff}.tl-item{display:grid;grid-template-columns:86px 110px 1fr;gap:var(--s-sm);align-items:baseline;padding:7px var(--s-md);border-bottom:1px solid var(--rule);min-height:36px}.tl-item:last-child{border-bottom:none}.tl-item:hover{background:var(--primary-5)}.tl-date{font-family:var(--font-display);font-size:11px;color:var(--ink-2)}.tl-text{font-size:12px;color:var(--ink)}.group-head{display:flex;align-items:baseline;gap:var(--s-sm);margin:var(--s-md) 0 var(--s-xs)}.group-head h3{font-family:var(--font-display);font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-2)}.settings-grid{display:grid;grid-template-columns:1fr 300px;gap:var(--s-lg);align-items:start}.card{border:1px solid var(--rule);border-radius:var(--r-md);background:#fff;padding:var(--s-md)}.card .card-title{font-family:var(--font-display);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-2);margin-bottom:var(--s-sm)}.profile-row{display:flex;align-items:center;gap:var(--s-sm);padding-bottom:var(--s-sm);border-bottom:1px solid var(--rule);margin-bottom:var(--s-sm)}.profile-row .avatar{width:36px;height:36px;font-size:13px;background:var(--primary-10);color:var(--primary)}.profile-row .name{font-size:13px;font-weight:600;color:var(--ink)}.profile-row .role{font-size:10.5px;color:var(--ink-2)}.prod-row input[type=number]{width:88px}.prod-row input[type=text]{width:100%;min-width:90px}.prod-row .dirty{color:var(--danger);font-size:10px}.empty{border:1px solid var(--rule);border-radius:var(--r-md);background:#fff;padding:var(--s-xl);text-align:center;color:var(--ink-2);font-size:12px}.empty .drop{margin-bottom:var(--s-sm)}.loading{padding:var(--s-lg);color:var(--ink-2);font-family:var(--font-display);font-size:12px}.err-box{border:1px solid hsla(0,61.7%,46.08%,.35);background:#be2d2d0f;border-radius:var(--r-md);padding:var(--s-sm) var(--s-md);color:var(--danger);font-size:12px;margin-bottom:var(--s-md)}.modal-back{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0a0a73;display:flex;align-items:center;justify-content:center;z-index:40}.modal{width:380px;background:#fff;border-radius:var(--r-lg);border:1px solid var(--rule);padding:var(--s-lg)}.modal h3{font-family:var(--font-display);font-size:13px;font-weight:700;margin-bottom:var(--s-md)}.modal .fields{display:flex;flex-direction:column;gap:var(--s-sm)}.modal .modal-actions{display:flex;justify-content:flex-end;gap:var(--s-sm);margin-top:var(--s-lg)}@media (max-width: 900px){.stats{grid-template-columns:repeat(2,1fr)}.stat:nth-child(2){border-right:none}.stat:nth-child(1),.stat:nth-child(2){border-bottom:1px solid var(--rule)}.info-grid{grid-template-columns:repeat(2,1fr)}.settings-grid{grid-template-columns:1fr}}