:root{--bg: #f2f2f2;--card: #fff;--ink: #0a0a0a;--dim: #6e6e73;--faint: #a3a3a8;--line: rgba(0,0,0,.08);--black: #111;--radius: 24px;--shadow: 0 2px 8px rgba(0,0,0,.04), 0 18px 45px rgba(0,0,0,.06);--font: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box}html{color-scheme:light}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}.loading{display:grid;place-items:center;min-height:240px;color:var(--dim)}.loading.full{min-height:100vh}.shell{min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px clamp(20px,4vw,58px);position:relative;z-index:20}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-family:"Barlow Condensed",var(--font);text-transform:uppercase;font-size:1.25rem;letter-spacing:.03em}.brand>span{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:var(--black);color:#fff;font-size:.9rem;font-weight:800}.topbar nav{display:flex;background:#fff;border-radius:999px;padding:5px;box-shadow:0 2px 8px #0000000a}.topbar nav a{padding:9px 18px;border-radius:999px;text-decoration:none;color:var(--dim);font-size:.82rem;font-weight:650}.topbar nav a.active{background:var(--black);color:#fff}.top-actions,.user{display:flex;align-items:center;gap:9px}.user{padding:5px 7px 5px 5px;border-radius:999px;background:#fff;box-shadow:0 2px 8px #0000000a}.user>img,.user>span{width:32px;height:32px;border-radius:50%;object-fit:cover;display:grid;place-items:center;background:var(--black);color:#fff;text-transform:uppercase;font-weight:700}.user div{display:flex;flex-direction:column;max-width:140px}.user b{font-size:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user small{color:var(--faint);font-size:.64rem}.user button{width:28px;height:28px;border:0;border-radius:50%;background:transparent;cursor:pointer;color:var(--dim);transform:rotate(45deg)}.main{flex:1;width:min(1240px,100%);margin:auto;padding:clamp(20px,3vw,44px) clamp(20px,4vw,58px) 64px}footer{padding:24px;text-align:center;color:var(--faint);font-size:.7rem}.view{animation:enter .45s cubic-bezier(.16,1,.3,1)}@keyframes enter{0%{opacity:0;transform:translateY(12px)}}.hero{display:flex;justify-content:space-between;align-items:end;gap:28px;margin:8px 0 32px}.hero h1,.detail-head h1{margin:4px 0 8px;font-size:clamp(2.1rem,5vw,4rem);line-height:1;letter-spacing:-.06em}.hero p,.detail-head p{margin:0;color:var(--dim);line-height:1.55}.eyebrow{color:var(--faint)!important;font-size:.69rem!important;font-weight:800;letter-spacing:.16em}.hero-actions{display:flex;gap:8px}.primary,.secondary{min-height:42px;border:0;border-radius:999px;padding:0 18px;cursor:pointer;font-weight:700;font-size:.8rem;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;transition:transform .2s,opacity .2s}.primary{background:var(--black);color:#fff}.secondary{background:#fff;color:var(--ink);box-shadow:0 2px 8px #0000000d}.primary:hover,.secondary:hover{transform:translateY(-1px)}.primary:disabled,.secondary:disabled{opacity:.5;cursor:wait}.wide{width:100%;margin-top:25px}.inline{margin-top:8px;width:fit-content}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}.metrics article{background:#fff;border-radius:20px;padding:22px;box-shadow:0 2px 8px #00000008}.metrics small{display:block;color:var(--dim);font-size:.75rem;margin-bottom:10px}.metrics b{font-size:1.85rem;letter-spacing:-.05em}.card{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.card-head,.panel-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 24px;border-bottom:1px solid var(--line)}.card-head h2,.panel-head h2{margin:0 0 3px;font-size:1rem}.card-head p,.panel-head p{margin:0;color:var(--faint);font-size:.75rem}.filters{display:flex;gap:8px}.filters input,.filters select{min-height:40px;border:1px solid var(--line);border-radius:999px;background:#f7f7f7;padding:0 15px;outline:none;color:var(--ink)}.filters input{width:min(280px,32vw)}.filters input:focus,.filters select:focus{border-color:#777}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th{padding:12px 20px;color:var(--faint);font-size:.65rem;text-align:left;letter-spacing:.09em;text-transform:uppercase;background:#fafafa}td{padding:16px 20px;border-top:1px solid var(--line);font-size:.82rem;color:var(--dim)}tbody tr{transition:background .15s}tbody tr[onclick]{cursor:pointer}tbody tr:hover{background:#fafafa}td b{color:var(--ink)}td small{display:block;margin-top:4px;color:var(--faint);max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.new-badge{display:inline-flex;margin-left:7px;padding:3px 7px;border-radius:999px;background:#111;color:#fff;font-size:.58rem;font-weight:800;letter-spacing:.05em;line-height:1;vertical-align:middle}.status{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#eee;color:#555;font-size:.68rem;font-weight:750;text-transform:capitalize}.status.good{background:#111;color:#fff}.status.bad{background:#e1e1e1;color:#111;text-decoration:line-through}.empty{padding:36px!important;text-align:center;color:var(--faint)!important}.last-sync{color:var(--faint);font-size:.72rem;text-align:right;margin:13px 4px 0}.alert{margin:0 0 18px;padding:13px 16px;border:1px solid #bbb;background:#fff;border-radius:14px;color:#333;font-size:.8rem}.back{display:inline-block;margin-bottom:20px;color:var(--dim);text-decoration:none;font-size:.78rem;font-weight:700}.detail-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:25px}.detail-head h1{font-size:clamp(2rem,4vw,3.4rem)}.tabs{display:flex;gap:5px;padding:5px;margin-bottom:12px;width:fit-content;max-width:100%;overflow-x:auto;border-radius:999px;background:#fff}.tabs button{white-space:nowrap;padding:9px 15px;border:0;border-radius:999px;background:transparent;color:var(--dim);font-size:.75rem;font-weight:700;cursor:pointer}.tabs button.active{background:var(--black);color:#fff}.detail-card{min-height:340px;padding:28px}.field-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--line)}.field{padding:18px;display:flex;flex-direction:column;gap:7px;background:#fff;min-width:0}.field small{color:var(--faint);font-size:.66rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.field span{font-size:.85rem;overflow-wrap:anywhere}.field.span{grid-column:1/-1}.alert.mailbox{display:flex;align-items:center;justify-content:space-between;gap:18px}.alert.mailbox .primary{flex:none}.mailbox-ok{text-align:left;margin:-6px 4px 18px}.linklike{border:0;background:none;padding:0;color:var(--ink);font:inherit;font-weight:700;text-decoration:underline;cursor:pointer}.detail-actions{display:flex;justify-content:flex-start;margin-top:18px}.field-group{margin-top:24px}.field-group h3{margin:0 0 12px;font-size:.72rem;color:var(--faint);letter-spacing:.12em;text-transform:uppercase}.raw-fields{margin-top:28px}.raw-fields summary{cursor:pointer;font-size:.72rem;font-weight:700;color:var(--dim);letter-spacing:.04em}.raw-fields summary::marker{color:var(--faint)}.raw-fields[open] summary{margin-bottom:12px}.status.muted{background:transparent;color:var(--faint);padding-left:0}.detail-card .panel-head{padding:0 0 22px;margin-bottom:18px}.document-list{display:grid;gap:8px}.document-list a{display:flex;align-items:center;gap:13px;padding:13px;border:1px solid var(--line);border-radius:15px;text-decoration:none}.document-list a>span{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:var(--black);color:#fff;font-size:.6rem;font-weight:800}.document-list a div{display:flex;flex:1;flex-direction:column;gap:3px;min-width:0}.document-list a b{font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.document-list a small{color:var(--faint);font-size:.68rem}.document-list a i{font-style:normal;color:var(--dim)}.timeline{display:grid}.timeline>div{display:flex;gap:13px;padding:12px 2px}.timeline>div>span{width:9px;height:9px;border-radius:50%;background:#111;margin-top:5px;box-shadow:0 0 0 5px #eee}.timeline>div div{display:flex;flex-direction:column;gap:4px}.timeline b{font-size:.8rem;text-transform:capitalize}.timeline small{color:var(--faint);font-size:.7rem}.login{min-height:100vh;display:grid;place-items:center;padding:22px}.login-card{width:min(455px,100%);background:#fff;border-radius:32px;padding:48px 42px;text-align:center;box-shadow:var(--shadow);animation:enter .6s cubic-bezier(.16,1,.3,1)}.login-mark{display:grid;place-items:center;width:78px;height:78px;border-radius:22px;margin:0 auto 22px;background:#111;color:#fff;font-family:Barlow Condensed;font-weight:800;font-size:1.6rem}.login-card h1{margin:5px 0 14px;font-family:Barlow Condensed;font-size:2.45rem;text-transform:uppercase;line-height:1}.login-card h1 span{color:var(--dim);font-weight:500}.login-card>p:not(.eyebrow){color:var(--dim);font-size:.86rem;line-height:1.65}.login-card>small{display:block;margin-top:24px;color:var(--faint);font-size:.7rem}.login-card .alert{margin-top:16px}@media (max-width: 900px){.topbar{flex-wrap:wrap}.topbar nav{order:3;width:100%;justify-content:center}.user div{display:none}.metrics{grid-template-columns:repeat(2,1fr)}.hero{align-items:flex-start;flex-direction:column}.hero-actions{align-self:stretch}.hero-actions button{flex:1}}@media (max-width: 620px){.brand b{display:none}.top-actions{margin-left:auto}.main{padding-inline:14px}.metrics{gap:8px}.metrics article{padding:17px}.metrics b{font-size:1.5rem}.card-head{align-items:stretch;flex-direction:column}.filters{flex-direction:column}.filters input{width:100%}.detail-card{padding:18px}.field-grid{grid-template-columns:1fr}.field.span{grid-column:auto}.panel-head{align-items:flex-start;flex-direction:column}.login-card{padding:38px 25px}}.ct-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.ct-task-btn,.ct-gateway-btn{height:40px;border:0;background:#111;color:#fff;font-weight:750;cursor:pointer;box-shadow:0 2px 8px #00000014}.ct-task-btn{position:relative;display:flex;align-items:center;padding:0 16px;border-radius:999px;font-size:.78rem;text-decoration:none}.ct-gateway-btn{width:40px;border-radius:50%;font-size:.7rem}.ct-task-btn:hover,.ct-gateway-btn:hover{background:#000;transform:translateY(-1px)}.ct-task-dot{position:absolute;width:8px;height:8px;top:6px;right:7px;border-radius:50%;background:#e11d48;box-shadow:0 0 0 2px #111}.ct-gateway-wrap{position:relative}.ct-gateway-menu{position:absolute;top:50px;right:0;width:min(340px,calc(100vw - 28px));padding:12px;border-radius:22px;background:#fff;box-shadow:0 18px 60px #00000026;animation:gateway .25s cubic-bezier(.16,1,.3,1)}@keyframes gateway{0%{opacity:0;transform:translateY(-8px) scale(.98)}}.ct-gateway-head{display:flex;flex-direction:column;gap:3px;padding:8px 10px 12px;margin-bottom:7px;border-bottom:1px solid rgba(0,0,0,.08)}.ct-gateway-head strong{font-size:.88rem}.ct-gateway-head span{color:#a3a3a8;font-size:.68rem}.ct-gateway-item{display:flex;align-items:center;gap:11px;padding:9px;border-radius:15px;text-decoration:none}.ct-gateway-item:hover{background:#f3f3f3}.ct-gateway-item>b{display:grid;place-items:center;width:37px;height:37px;border-radius:50%;background:#111;color:#fff;font-size:.65rem}.ct-gateway-item>span{display:flex;flex:1;flex-direction:column;gap:2px}.ct-gateway-item strong{font-size:.82rem}.ct-gateway-item small{color:#a3a3a8;font-size:.65rem}.ct-gateway-item i{font-style:normal;color:#a3a3a8}.ct-gateway-menu>p{margin:9px 6px 2px;padding-top:9px;border-top:1px solid rgba(0,0,0,.08);color:#a3a3a8;font-size:.65rem;line-height:1.5}@media (max-width:620px){.ct-task-btn{display:none}}
