:root{--bg:#07111f;--sidebar:#091726;--surface:#0d1c2e;--surface-2:#11243a;--line:#203650;--line-light:#2c4a6d;--text:#edf5ff;--muted:#8ea5bd;--blue:#4f8cff;--cyan:#37d6cd;--green:#3bd17f;--amber:#ffbc47;--red:#ff6878;--purple:#ae86ff}*{box-sizing:border-box}html{background:var(--bg)}body{background:var(--bg);color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:14px}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.app-shell{min-height:100vh;display:flex}.sidebar{z-index:20;border-right:1px solid var(--line);background:linear-gradient(#0a1929,#071320);flex-direction:column;width:248px;padding:24px 16px;display:flex;position:fixed;top:0;bottom:0;left:0;right:auto}.sidebar-brand{align-items:center;gap:12px;padding:0 8px 30px;display:flex}.sidebar-brand>div{flex-direction:column;display:flex}.sidebar-brand strong{letter-spacing:.02em;font-size:15px}.sidebar-brand small{color:var(--muted);text-transform:uppercase;letter-spacing:.11em;margin-top:2px;font-size:10px}.sidebar-mark{background:linear-gradient(145deg,#275fc8,#13346a);border:1px solid rgba(79,140,255,.6);border-radius:12px;place-items:center;width:38px;height:38px;font-size:12px;font-weight:900;display:grid;box-shadow:0 9px 24px rgba(36,98,217,.2)}.nav-list{flex-direction:column;gap:5px;display:flex}.nav-item{color:#9cb0c6;border:1px solid transparent;border-radius:10px;align-items:center;gap:11px;padding:10px 12px;font-size:13px;font-weight:650;transition:all .15s;display:flex}.nav-item:hover{color:var(--text);background:rgba(255,255,255,.03)}.nav-item.active{color:#dbe9ff;background:rgba(79,140,255,.086);border-color:rgba(79,140,255,.2)}.nav-icon{width:23px;height:23px;color:var(--blue);place-items:center;font-size:17px;display:grid}.sidebar-footer{border-top:1px solid var(--line);margin-top:auto;padding:18px 8px 0}.environment{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:8px;margin-bottom:14px;font-size:11px;display:flex}.environment span,.live-badge span,.login-health span{background:var(--green);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px rgba(59,209,127,.114)}.sidebar-footer button{cursor:pointer;color:#8095aa;background:0 0;border:0;padding:0;font-size:12px}.sidebar-footer button:hover{color:var(--text)}.main-column{width:calc(100% - 248px);min-width:0;margin-left:248px}.page-header{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:rgba(8,21,34,.8);justify-content:space-between;align-items:center;gap:20px;min-height:112px;padding:24px max(20px,min(3vw,44px));display:flex}.page-header h1{letter-spacing:-.035em;margin:0 0 6px;font-size:max(25px,min(2.5vw,34px));line-height:1}.page-header p{color:var(--muted);margin:0;font-size:13px}.header-action{align-items:center;display:flex}.content{padding:28px max(20px,min(3vw,44px)) 60px}.overline{letter-spacing:.17em;text-transform:uppercase;font-weight:850;color:var(--cyan)!important;margin:0 0 6px!important;font-size:9px!important}.live-badge{border:1px solid var(--line);color:#acc0d5;background:#0c1c2e;border-radius:999px;align-items:center;gap:9px;padding:8px 12px;font-size:11px;display:flex}.metrics-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;display:grid}.metric-card{border:1px solid var(--line);background:linear-gradient(145deg,#102238,#0b192a);border-radius:16px;min-height:165px;padding:18px;position:relative;overflow:hidden}.metric-card:after{content:"";background:rgba(79,140,255,.047);border-radius:50%;width:110px;height:110px;position:absolute;bottom:-47px;right:-32px}.metric-card.danger{border-color:rgba(255,104,120,.29)}.metric-icon{border-radius:10px;place-items:center;width:34px;height:34px;margin-bottom:17px;font-weight:900;display:grid}.metric-icon.blue{color:var(--blue);background:rgba(79,140,255,.11)}.metric-icon.cyan{color:var(--cyan);background:rgba(55,214,205,.1)}.metric-icon.purple{color:var(--purple);background:rgba(174,134,255,.1)}.metric-icon.green{color:var(--green);background:rgba(59,209,127,.1)}.metric-icon.red{color:var(--red);background:rgba(255,104,120,.1)}.metric-card>span{color:var(--muted);font-size:11px;display:block}.metric-card>strong{z-index:1;letter-spacing:-.04em;margin:5px 0 2px;font-size:29px;display:block;position:relative}.metric-card>small{color:#6f879f;font-size:10px}.dashboard-grid{grid-template-columns:minmax(0,1.7fr) minmax(260px,.55fr);gap:18px;margin-top:18px;display:grid}.panel{border:1px solid var(--line);background:#0c1b2c;border-radius:17px;overflow:hidden}.panel-heading{justify-content:space-between;align-items:center;gap:16px;padding:20px 22px;display:flex}.panel-heading h2,.section-heading h2{letter-spacing:-.02em;margin:0;font-size:17px}.panel-heading>span,.section-heading>span,.panel-count{color:var(--muted);font-size:11px}.text-link{color:var(--blue);font-size:11px;font-weight:700}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}th{border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:#668098;letter-spacing:.12em;text-align:left;text-transform:uppercase;white-space:nowrap;background:#0a1828;padding:11px 16px;font-size:9px}td{color:#aabdd0;vertical-align:middle;border-bottom:1px solid #1b3048;padding:13px 16px;font-size:12px}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:rgba(255,255,255,.02)}td strong{color:var(--text);font-weight:650}.table-subtitle{color:#668098;margin-top:3px;font-family:ui-monospace,monospace;font-size:9px;display:block}.row-link{color:var(--blue);font-weight:750}.detail-cell{text-overflow:ellipsis;white-space:nowrap;max-width:280px;overflow:hidden}.status{letter-spacing:.07em;text-transform:uppercase;white-space:nowrap;border:1px solid;border-radius:999px;align-items:center;padding:4px 7px;font-size:8px;font-weight:850;display:inline-flex}.status-ok{color:var(--green);background:rgba(59,209,127,.043)}.status-alerta{color:var(--amber);background:rgba(255,188,71,.043)}.status-erro{color:var(--red);background:rgba(255,104,120,.043)}.status-vazio{color:#70879e;background:rgba(112,135,158,.043)}.pipeline{margin:0;padding:0 22px 20px;list-style:none}.pipeline li{gap:12px;padding:10px 0;display:flex;position:relative}.pipeline li:not(:last-child):after{background:var(--line-light);content:"";width:1px;position:absolute;top:36px;bottom:-4px;left:13px}.pipeline li>span{z-index:1;width:27px;height:27px;color:var(--blue);background:#10294d;border:1px solid rgba(79,140,255,.267);border-radius:8px;flex:none;place-items:center;font-size:10px;font-weight:900;display:grid}.pipeline strong,.pipeline small{display:block}.pipeline strong{font-size:12px}.pipeline small{color:var(--muted);margin-top:2px;font-size:10px}.client-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.client-card{border:1px solid var(--line);background:linear-gradient(145deg,#102238,#0b1929);border-radius:17px;padding:20px;transition:all .16s}.client-card:hover{border-color:var(--line-light);transform:translateY(-2px);box-shadow:0 16px 40px rgba(0,0,0,.17)}.client-card-top,.source-title,.catalog-card-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.client-avatar{width:40px;height:40px;color:var(--blue);background:rgba(79,140,255,.09);border:1px solid rgba(79,140,255,.4);border-radius:12px;place-items:center;font-weight:850;display:grid}.client-card h2{margin:20px 0 5px;font-size:19px}.client-card>code{color:#718ba5;font-size:10px}.client-stats{grid-template-columns:repeat(2,1fr);gap:10px;margin:22px 0;display:grid}.client-stats>div{border:1px solid var(--line);background:rgba(7,21,34,.533);border-radius:11px;padding:10px}.client-stats strong,.client-stats span{display:block}.client-stats strong{font-size:18px}.client-stats span{color:var(--muted);text-transform:uppercase;font-size:9px}.client-footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;padding-top:14px;font-size:10px;display:flex}.client-footer strong{color:#b6c7d8;font-weight:600}.primary-button{cursor:pointer;color:#fff;background:linear-gradient(#4f8cff,#3974e8);border:1px solid #6599ff;border-radius:10px;padding:9px 14px;font-size:11px;font-weight:800;box-shadow:0 8px 24px rgba(46,111,225,.23)}.primary-button:hover{filter:brightness(1.08)}.primary-button:disabled{cursor:wait;opacity:.55}.success-banner{color:#83eab0;background:rgba(59,209,127,.05);border:1px solid rgba(59,209,127,.333);border-radius:12px;margin-bottom:18px;padding:13px 16px;font-size:12px}.section-block{margin-bottom:18px}.section-heading{justify-content:space-between;align-items:end;margin-bottom:14px;display:flex}.source-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.source-card{border:1px solid var(--line);background:#0c1b2c;border-radius:16px;padding:18px}.source-title{justify-content:flex-start}.source-title .status{margin-left:auto}.source-title>div strong,.source-title>div small{display:block}.source-title>div small{color:var(--muted);margin-top:2px;font-size:9px}.source-icon{width:38px;height:38px;color:var(--cyan);background:rgba(55,214,205,.086);border-radius:10px;place-items:center;font-family:ui-monospace,monospace;font-size:11px;font-weight:900;display:grid}.source-card dl{grid-template-columns:repeat(4,1fr);gap:8px;margin:20px 0 13px;display:grid}.source-card dl>div{min-width:0}.source-card dt{color:#6e879e;text-transform:uppercase;font-size:8px}.source-card dd{color:#c8d7e7;text-overflow:ellipsis;white-space:nowrap;margin:3px 0 0;font-size:11px;overflow:hidden}.source-base{border-top:1px solid var(--line);color:#728ba3;text-overflow:ellipsis;white-space:nowrap;padding-top:12px;font-size:9px;display:block;overflow:hidden}.section-block+.panel,.panel+.panel{margin-top:18px}.catalog-mini{border-top:1px solid var(--line);grid-template-columns:repeat(2,1fr);display:grid}.catalog-mini>div{border-bottom:1px solid var(--line);min-width:0;padding:14px 18px}.catalog-mini>div:nth-child(odd){border-right:1px solid var(--line)}.catalog-mini code{color:var(--blue);font-size:10px;display:block}.catalog-mini span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:5px;font-size:10px;display:block;overflow:hidden}.filters{gap:8px;display:flex}.filters select,.filters input{border:1px solid var(--line-light);color:#bfd0e1;background:#0c1b2d;border-radius:9px;outline:none;min-width:160px;padding:8px 11px;font-size:11px}.filters select:focus,.filters input:focus{border-color:var(--blue)}.search-input{width:210px}.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.catalog-card{border:1px solid var(--line);background:#0c1b2c;border-radius:15px;flex-direction:column;min-height:195px;padding:17px;display:flex}.catalog-card-top{color:#70879e;font-size:9px}.schema-badge{color:var(--blue);text-transform:uppercase;background:rgba(79,140,255,.094);border-radius:999px;padding:4px 7px;font-weight:800}.catalog-card>code{color:#d8e7f8;margin-top:20px;font-size:12px;font-weight:750}.catalog-card>p{color:var(--muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:9px 0 16px;font-size:11px;line-height:1.55;display:-webkit-box;overflow:hidden}.catalog-card footer{border-top:1px solid var(--line);color:#647c93;justify-content:space-between;gap:8px;margin-top:auto;padding-top:11px;font-size:9px;display:flex}.role{text-transform:uppercase;border-radius:999px;padding:5px 8px;font-size:8px;font-weight:850}.role-integrador,.role-admin{color:var(--purple);background:rgba(174,134,255,.098)}.role-usuario{color:var(--blue);background:rgba(79,140,255,.086)}.state-card,.empty-state{border:1px solid var(--line);color:var(--muted);background:#0c1b2c;border-radius:14px;align-items:center;gap:12px;padding:24px;display:flex}.error-state{color:#ff9aa5;background:rgba(255,104,120,.04);border-color:rgba(255,104,120,.267);flex-direction:column;align-items:flex-start}.error-state strong{color:var(--red)}.empty-state{justify-content:center;min-height:130px}.spinner{border:2px solid rgba(79,140,255,.22);border-top-color:var(--blue);border-radius:50%;width:19px;height:19px;animation:.7s linear infinite girar;display:inline-block}.boot-screen{place-items:center;min-height:100vh;display:grid}.boot-screen .spinner{width:28px;height:28px}@keyframes girar{to{transform:rotate(360deg)}}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:rgba(2,8,17,.78);place-items:center;padding:18px;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.modal{border:1px solid var(--line-light);background:#0d1d30;border-radius:18px;width:min(520px,100%);padding:24px;box-shadow:0 30px 80px rgba(0,0,0,.6)}.modal-heading{justify-content:space-between;margin-bottom:20px;display:flex}.modal-heading h2{margin:0}.modal-heading button{cursor:pointer;color:var(--muted);background:0 0;border:0;font-size:24px}.modal label{color:#a9bdd1;margin-bottom:15px;font-size:11px;font-weight:700;display:block}.modal input,.modal select{border:1px solid var(--line-light);width:100%;color:var(--text);background:#081625;border-radius:9px;outline:none;margin-top:7px;padding:10px 11px;display:block}.modal input:focus,.modal select:focus{border-color:var(--blue)}.modal label small{color:#657d95;margin-top:5px;font-weight:400;display:block}.form-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.modal>.primary-button{width:100%}.login-page{grid-template-columns:1.15fr .85fr;min-height:100vh;display:grid}.login-story{background:radial-gradient(circle at 25% 20%,rgba(79,140,255,.157),transparent 32rem),linear-gradient(150deg,#0c2340,#07111f 70%);flex-direction:column;justify-content:space-between;min-height:100vh;padding:max(28px,min(5vw,72px));display:flex}.login-brand{letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:11px;font-size:13px;font-weight:850;display:flex}.login-brand span{background:#245ab5;border:1px solid #6599ff;border-radius:11px;place-items:center;width:36px;height:36px;font-size:10px;display:grid}.login-story h1{letter-spacing:-.06em;max-width:680px;margin:13px 0 17px;font-size:max(44px,min(6vw,82px));line-height:.96}.login-copy{color:#8ea8c1;max-width:570px;margin:0;font-size:max(15px,min(1.7vw,20px));line-height:1.55}.login-health{color:#8da3b8;text-transform:uppercase;letter-spacing:.12em;align-items:center;gap:9px;font-size:10px;display:flex}.login-panel{border-left:1px solid var(--line);background:#081421;place-items:center;min-height:100vh;padding:25px;display:grid}.login-form{width:min(390px,100%)}.login-form h2{letter-spacing:-.04em;margin:8px 0 9px;font-size:30px}.form-copy{color:var(--muted);margin:0 0 30px;font-size:12px}.login-form label{color:#b6c8d9;margin:0 0 8px;font-size:11px;font-weight:700;display:block}.login-form input{border:1px solid var(--line-light);width:100%;color:var(--text);background:#0c1c2e;border-radius:10px;outline:none;margin-bottom:17px;padding:12px 13px}.login-form input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(79,140,255,.086)}.form-error{color:#ff99a4;background:rgba(255,104,120,.043);border:1px solid rgba(255,104,120,.267);border-radius:9px;margin:0 0 14px;padding:10px;font-size:11px}.login-button{width:100%;margin-top:5px;padding:12px}@media (max-width:1180px){.metrics-grid{grid-template-columns:repeat(3,1fr)}.client-grid,.catalog-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:900px){.sidebar{width:76px;padding:18px 9px;position:static}.sidebar-brand{padding:0 9px 25px}.sidebar-brand>div,.nav-item:not(.active):after,.nav-item{font-size:0}.sidebar-mark{width:38px}.nav-item{justify-content:center;padding:10px}.nav-icon{font-size:17px}.sidebar-footer{padding-left:0;padding-right:0}.environment,.sidebar-footer button{font-size:0}.environment{justify-content:center}.main-column{width:calc(100% - 76px);margin-left:0}.dashboard-grid,.login-page{grid-template-columns:1fr}.login-story{display:none}.login-panel{border:0}}@media (max-width:680px){.app-shell{display:block}.sidebar{z-index:30;border-top:1px solid var(--line);border-right:0;width:100%;height:62px;padding:7px;display:block;position:fixed;top:auto;bottom:0;left:0;right:0}.sidebar-brand,.sidebar-footer{display:none}.nav-list{grid-template-columns:repeat(5,1fr);gap:2px;display:grid}.nav-item{padding:8px}.main-column{width:100%;padding-bottom:62px}.page-header{flex-direction:column;align-items:flex-start;min-height:100px;padding:20px}.header-action,.filters{width:100%}.filters select,.filters input{width:100%;min-width:0}.content{padding:20px 14px 42px}.metrics-grid,.client-grid,.catalog-grid,.source-grid,.catalog-mini{grid-template-columns:1fr}.catalog-mini>div:nth-child(odd){border-right:0}.source-card dl{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:1fr}}