:root{
  --brand-50:#effbf5;--brand-100:#d8f6e5;--brand-200:#b7edcf;--brand-300:#85dfae;
  --brand-500:#19ad66;--brand-600:#0c8a4b;--brand-700:#08753f;--brand-800:#075d34;--brand-900:#064326;
  --ink:#0a1723;--ink-2:#112536;--slate-50:#f7fafc;--slate-100:#eef3f6;--slate-200:#dfe8ed;--slate-300:#c8d5dc;
  --slate-400:#8a9da8;--slate-500:#627681;--slate-600:#485d69;--slate-700:#324854;--slate-800:#1e3441;--slate-900:#112733;
  --red-50:#fff3f4;--red-200:#ffd1d5;--red-700:#ba2d45;--white:#fff;
  --shadow-sm:0 2px 8px rgba(14,42,56,.05);--shadow:0 14px 32px rgba(14,42,56,.08);--shadow-lg:0 24px 60px rgba(8,42,31,.15)
}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:ui-rounded,"Nunito Sans",Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;background:#eff4f5;color:var(--slate-700)}
body{font-size:15px;line-height:1.55;background-image:radial-gradient(circle at 90% 0,rgba(25,173,102,.10),transparent 26rem),radial-gradient(circle at 18% 94%,rgba(9,117,63,.07),transparent 30rem)}
a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}.app-shell{min-height:100vh;display:flex}.app-sidebar{position:fixed;z-index:60;inset:0 auto 0 0;width:290px;overflow:hidden;color:#fff;display:flex;flex-direction:column;background:linear-gradient(165deg,#0c1f2b 0%,#071722 55%,#06141c 100%);box-shadow:16px 0 40px rgba(8,31,42,.10)}
.app-sidebar:before{content:"";position:absolute;width:250px;height:250px;right:-135px;top:-110px;border-radius:50%;border:1px solid rgba(142,255,194,.10);box-shadow:0 0 0 35px rgba(142,255,194,.025),0 0 0 72px rgba(142,255,194,.018)}
.app-sidebar:after{content:"";position:absolute;width:190px;height:190px;left:-105px;bottom:80px;border-radius:50%;background:radial-gradient(circle,rgba(21,168,98,.16),rgba(21,168,98,0) 70%);pointer-events:none}.brand-block{position:relative;z-index:1;min-height:94px;display:flex;align-items:center;gap:13px;padding:0 23px;border-bottom:1px solid rgba(215,237,245,.08)}
.brand-mark{position:relative;width:45px;height:45px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(145deg,#26bf78,#08723f);color:#fff;font-size:18px;font-weight:900;box-shadow:0 10px 22px rgba(20,183,101,.24)}.brand-mark:after{content:"";position:absolute;inset:4px;border:1px solid rgba(255,255,255,.30);border-radius:11px}.brand-block strong{display:block;color:#fff;font-size:15px;letter-spacing:.01em;line-height:1.1}.brand-block span{display:block;color:#91a6b2;font-size:11px;letter-spacing:.04em;margin-top:4px}.sidebar-scroll{position:relative;z-index:1;padding:26px 16px;overflow:auto;flex:1}.menu-label{margin:0 0 10px;padding:0 13px;color:#607988;font-size:10px;letter-spacing:.14em;font-weight:850;text-transform:uppercase}.sidebar-nav{display:grid;gap:7px}.sidebar-link{position:relative;display:flex;align-items:center;gap:13px;min-height:48px;padding:11px 14px;border:1px solid transparent;border-radius:14px;color:#b6c7d0;font-size:13.5px;font-weight:750;transition:background .18s,border .18s,transform .18s,color .18s}.sidebar-link:hover{color:#fff;background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.045);transform:translateX(2px)}.sidebar-link.is-active{color:#fff;background:linear-gradient(100deg,#128b4d,#19ae67);box-shadow:0 14px 22px rgba(5,83,43,.33)}.sidebar-link.is-active:before{content:"";position:absolute;left:-17px;width:4px;height:24px;border-radius:0 8px 8px 0;background:#bdffd8}.nav-icon{display:inline-grid;place-items:center;width:21px;height:21px;font-size:18px;font-weight:700}.support-label{margin-top:32px}.sidebar-user{position:relative;z-index:1;border-top:1px solid rgba(215,237,245,.08);padding:17px 16px;display:flex;align-items:center;gap:10px;background:rgba(1,12,18,.30)}.avatar{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;font-weight:900;font-size:13px;flex:0 0 auto}.avatar-dark{background:linear-gradient(145deg,#2bc579,#087640);color:#fff;box-shadow:0 7px 18px rgba(11,157,82,.22)}.avatar-light{background:linear-gradient(145deg,#e2faec,#bcefd1);color:var(--brand-800);border:1px solid var(--brand-200)}.user-copy{min-width:0;flex:1}.user-copy strong,.topbar-person strong{display:block;color:#fff;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-copy span,.topbar-person span{display:block;color:#8da3af;font-size:11px;margin-top:2px}.logout-symbol{color:#89a2ae;font-size:20px;transition:color .15s}.logout-symbol:hover{color:#fff}.app-main{display:flex;flex-direction:column;min-height:100vh;margin-left:290px;width:calc(100% - 290px);min-width:0}.topbar{height:94px;padding:0 36px;background:rgba(255,255,255,.82);border-bottom:1px solid rgba(201,217,222,.72);backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:30}.topbar-left,.topbar-user,.topbar-person{display:flex;align-items:center}.topbar-left{gap:17px}.topbar h1{margin:0;color:var(--slate-900);font-size:22px;line-height:1.15;font-weight:900;letter-spacing:-.02em}.topbar p{margin:5px 0 0;color:var(--slate-500);font-size:12.5px}.topbar-user{gap:16px}.notification{height:43px;width:43px;border:1px solid var(--slate-200);border-radius:14px;background:#fff;color:var(--slate-600);font-size:21px;cursor:pointer;box-shadow:var(--shadow-sm);transition:.18s}.notification:hover{color:var(--brand-700);border-color:var(--brand-200);background:var(--brand-50);transform:translateY(-1px)}.topbar-person{gap:12px;padding-left:18px;border-left:1px solid var(--slate-200)}.topbar-person strong{color:var(--slate-900);font-size:13px}.topbar-person span{color:var(--slate-500)}.mobile-menu{display:none;width:42px;height:42px;border:1px solid var(--slate-200);background:#fff;border-radius:13px;color:var(--slate-700);font-size:21px;cursor:pointer;box-shadow:var(--shadow-sm)}.content-area{width:100%;max-width:1440px;margin:0 auto;padding:32px 36px 48px;flex:1}.breadcrumb{display:flex;gap:9px;align-items:center;color:var(--slate-500);font-size:12px;margin:0 0 25px}.breadcrumb a{font-weight:650}.breadcrumb a:hover{color:var(--brand-700)}.breadcrumb span:last-child{font-weight:850;color:var(--slate-800)}.app-footer{padding:20px 32px;background:rgba(255,255,255,.72);border-top:1px solid rgba(201,217,222,.7);text-align:center;color:var(--slate-500);font-size:12px}.app-footer span{margin:0 6px;color:var(--brand-600)}
/* Cards and content */
.card{overflow:hidden;position:relative;background:rgba(255,255,255,.94);border:1px solid rgba(205,220,225,.9);border-radius:21px;box-shadow:var(--shadow-sm);transition:box-shadow .22s,transform .22s}.card:hover{box-shadow:var(--shadow)}.card-header{display:flex;align-items:center;min-height:62px;padding:18px 23px;border-bottom:1px solid rgba(216,228,232,.85);background:linear-gradient(90deg,rgba(255,255,255,.98),rgba(246,252,248,.88));color:var(--slate-900);font-size:15px;font-weight:900;letter-spacing:-.01em}.card-header:before{content:"";display:inline-block;width:8px;height:8px;margin-right:10px;border-radius:50%;background:var(--brand-500);box-shadow:0 0 0 5px var(--brand-100)}.card-body{padding:24px}.row{display:grid;grid-template-columns:repeat(12,minmax(0,1fr))}.g-3{gap:20px}.g-4{gap:25px}.col-12{grid-column:span 12}.col-sm-6,.col-md-4,.col-md-6,.col-lg-4,.col-lg-5,.col-lg-7,.col-lg-8,.col-xl-10{grid-column:span 12}.justify-content-center{justify-items:center}.justify-content-center>*{width:100%}.h-100{height:100%}.form-label{display:block;margin:0 0 8px;color:var(--slate-700);font-size:12.5px;font-weight:850;letter-spacing:.01em}.required:after{content:' *';color:#e45a68}.form-control,.form-select{display:block;width:100%;min-height:48px;padding:12px 14px;border:1px solid var(--slate-300);border-radius:13px;background:#fcfefe;color:var(--slate-900);outline:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.9);transition:border .16s,box-shadow .16s,background .16s}.form-control:hover,.form-select:hover{border-color:#aebfc7}.form-control:focus,.form-select:focus{border-color:var(--brand-600);background:#fff;box-shadow:0 0 0 4px rgba(25,173,102,.12)}textarea.form-control{min-height:102px;resize:vertical}.form-control::placeholder{color:#9aabb3}input[type=file].form-control{padding:7px}.form-control::file-selector-button{margin-right:10px;border:0;border-radius:9px;padding:8px 11px;background:var(--brand-50);color:var(--brand-700);font-size:12px;font-weight:800;cursor:pointer}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:45px;padding:11px 17px;border:1px solid transparent;border-radius:13px;background:#fff;font-size:13.5px;font-weight:850;cursor:pointer;box-shadow:var(--shadow-sm);transition:background .16s,transform .16s,border .16s,box-shadow .16s}.btn:hover{transform:translateY(-2px);box-shadow:0 9px 17px rgba(19,54,41,.10)}.btn-brand,.btn-success{background:linear-gradient(135deg,#0a743f,#14a860);color:#fff;box-shadow:0 10px 20px rgba(8,117,63,.21)}.btn-brand:hover,.btn-success:hover{background:linear-gradient(135deg,#075e34,#0d8a4d);box-shadow:0 13px 25px rgba(8,117,63,.28)}.btn-outline-success{color:var(--brand-700);border-color:var(--brand-200);background:#fff}.btn-outline-success:hover{background:var(--brand-50)}.btn-outline-danger{color:var(--red-700);border-color:var(--red-200);background:#fff}.btn-outline-danger:hover{background:var(--red-50)}.btn-outline-secondary{color:var(--slate-700);border-color:var(--slate-300);background:#fff}.btn-outline-secondary:hover{background:var(--slate-100)}.btn-sm{min-height:35px;padding:7px 11px;font-size:12px;border-radius:10px}.alert{position:relative;display:flex;align-items:center;gap:10px;margin:0 0 21px;padding:15px 42px 15px 16px;border:1px solid;border-radius:16px;font-size:13.5px;font-weight:700;box-shadow:var(--shadow-sm)}.alert-symbol{display:grid;place-items:center;width:23px;height:23px;border-radius:8px;font-size:13px;font-weight:900}.alert-success{border-color:var(--brand-200);background:linear-gradient(100deg,#f1fcf5,#e8fbef);color:var(--brand-800)}.alert-success .alert-symbol{background:var(--brand-600);color:#fff}.alert-danger{border-color:var(--red-200);background:var(--red-50);color:var(--red-700)}.alert-danger .alert-symbol{background:#e23b58;color:#fff}.btn-close{position:absolute;right:11px;top:10px;width:28px;height:28px;border:0;background:transparent;color:inherit;cursor:pointer;font-size:20px;line-height:1}.btn-close:after{content:'×'}.p-3{padding:16px}.p-4{padding:23px}.mb-0{margin-bottom:0}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:16px}.mb-4{margin-bottom:25px}.mt-0{margin-top:0}.text-center{text-align:center}.text-secondary,.text-slate-500{color:var(--slate-500)}.text-break{overflow-wrap:anywhere}.text-xs{font-size:12px}.small{font-size:13px}.h3{font-size:26px;letter-spacing:-.03em}.h6{font-size:15px}.fw-bold{font-weight:850}.d-flex{display:flex}.flex-wrap{flex-wrap:wrap}.gap-2{gap:8px}.w-100{width:100%}.text-uppercase{text-transform:uppercase}.bg-light{background:var(--slate-50)}.bg-white{background:#fff}.border-t{border-top:1px solid var(--slate-200)}.border-slate-200{border-color:var(--slate-200)}.rounded{border-radius:13px}.badge{display:inline-flex;align-items:center;gap:5px;border-radius:10px;padding:7px 10px;font-size:11px;font-weight:850;letter-spacing:.01em}.text-bg-success{background:var(--brand-50);color:var(--brand-700);border:1px solid var(--brand-100)}.mono{overflow:auto;margin:0;border:1px solid #203641;border-radius:15px;background:linear-gradient(145deg,#0d202b,#09161e);padding:17px;color:#baf8d1;font:12px/1.65 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;white-space:pre-wrap;box-shadow:inset 0 1px rgba(255,255,255,.06)}.summary-value{margin-top:5px;color:var(--slate-900);font-size:20px;font-weight:900;letter-spacing:-.02em}.step{height:100%;padding:19px;border:1px solid var(--brand-100);border-radius:16px;background:linear-gradient(140deg,#f3fcf7,#e9f9ef);box-shadow:0 4px 10px rgba(8,105,54,.04)}.step strong{color:var(--brand-800)}hr{margin:23px 0;border:0;border-top:1px solid var(--slate-200)}dl dt{margin-top:14px;color:var(--slate-500);font-size:10.5px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}dl dd{margin:5px 0 0;color:var(--slate-900);font-size:14px;font-weight:750}table{width:100%;border-collapse:collapse;background:#fff}th,td{padding:14px 15px;border-bottom:1px solid var(--slate-200);text-align:left;vertical-align:top;font-size:13px}td{color:var(--slate-700)}tr:last-child td{border-bottom:0}th{background:#f5faf8;color:var(--slate-600);font-size:10.5px;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.table-responsive{overflow:auto;border:1px solid var(--slate-200);border-radius:16px;box-shadow:var(--shadow-sm)}.table{min-width:680px}.form-text{margin-top:6px;color:var(--slate-500);font-size:12px}
@media(min-width:640px){.col-sm-6{grid-column:span 6}}@media(min-width:768px){.col-md-4{grid-column:span 4}.col-md-6{grid-column:span 6}}@media(min-width:1024px){.col-lg-4{grid-column:span 4}.col-lg-5{grid-column:span 5}.col-lg-7{grid-column:span 7}.col-lg-8{grid-column:span 8}}@media(min-width:1280px){.col-xl-10{grid-column:2/span 10}}@media(max-width:1023px){.app-sidebar{transform:translateX(-100%);transition:transform .25s ease}.app-sidebar.mobile-open{transform:translateX(0)}.mobile-overlay{position:fixed;inset:0;background:rgba(1,17,24,.62);z-index:50;opacity:0;visibility:hidden;transition:.2s}.mobile-overlay.show{opacity:1;visibility:visible}.app-main{margin-left:0;width:100%}.mobile-menu{display:grid;place-items:center}.topbar{padding:0 20px}.content-area{padding:26px 20px 37px}.topbar-person{display:none}}@media(max-width:540px){.topbar{height:78px}.topbar h1{font-size:18px}.topbar p{max-width:210px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notification{display:none}.content-area{padding:20px 14px 30px}.card{border-radius:17px}.card-header,.card-body{padding:18px}.btn{width:100%}.d-flex .btn{width:auto}.app-footer{padding:16px;font-size:11px}}
/* Role based console additions */
.role-pill,.role-chip,.method-chip{display:inline-flex;align-items:center;border-radius:999px;padding:7px 10px;font-size:10.5px;font-weight:850;letter-spacing:.02em}.role-pill{background:var(--brand-50);border:1px solid var(--brand-200);color:var(--brand-800)}.role-chip{background:#edf3f7;color:var(--slate-700);border:1px solid var(--slate-200)}.method-chip{background:#eef6ff;color:#286599;border:1px solid #d7e8fc}.hero-strip{position:relative;display:flex;align-items:center;justify-content:space-between;overflow:hidden;min-height:174px;margin-bottom:25px;padding:29px 34px;border-radius:24px;color:#fff;background:linear-gradient(125deg,#072b25,#08713e 58%,#12a662);box-shadow:0 18px 36px rgba(9,94,55,.22)}.hero-strip:after{content:"";position:absolute;width:260px;height:260px;right:-95px;bottom:-125px;border-radius:50%;border:34px solid rgba(255,255,255,.08)}.hero-strip h2,.list-toolbar h2{margin:5px 0 8px;font-size:27px;letter-spacing:-.035em}.hero-strip p{max-width:650px;margin:0;color:#d9f9e6;font-size:13.5px;line-height:1.65}.eyebrow{display:block;color:#9ce7bd;font-size:10.5px;font-weight:900;text-transform:uppercase;letter-spacing:.14em}.brand-eyebrow{color:var(--brand-700)}.hero-orb{position:relative;z-index:1;display:grid;place-items:center;width:78px;height:78px;border:1px solid rgba(255,255,255,.25);border-radius:24px;background:rgba(255,255,255,.12);font-size:40px}.record-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.record-card{position:relative;display:flex;flex-direction:column;gap:15px;min-height:182px;padding:22px;overflow:hidden;border:1px solid var(--slate-200);border-radius:21px;background:rgba(255,255,255,.95);box-shadow:var(--shadow-sm);transition:.2s}.record-card:hover{transform:translateY(-4px);border-color:var(--brand-200);box-shadow:var(--shadow)}.record-card:after{content:"";position:absolute;right:-32px;top:-32px;width:108px;height:108px;border-radius:50%;background:var(--brand-50)}.record-card>div,.record-card>b{position:relative;z-index:1}.record-icon{display:grid;place-items:center;width:41px;height:41px;border-radius:14px;background:linear-gradient(135deg,var(--brand-50),var(--brand-100));color:var(--brand-800);font-size:22px;font-weight:900}.record-card span{display:block;color:var(--slate-500);font-size:12px}.record-card strong{display:inline-block;margin:5px 0;color:var(--slate-900);font-size:28px;line-height:1;font-weight:900}.record-card h3{margin:0;color:var(--slate-800);font-size:15px}.record-card>b{margin-top:auto;color:var(--brand-700);font-size:12px}.info-tile{height:100%;padding:17px;border:1px solid var(--brand-100);border-radius:15px;background:linear-gradient(145deg,#f9fffb,#effbf4)}.info-tile b{display:block;color:var(--brand-800);font-size:13px}.info-tile p{margin:7px 0 0;color:var(--slate-600);font-size:12px;line-height:1.55}.list-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:20px}.list-toolbar h2{color:var(--slate-900)}.list-toolbar p{margin:0;color:var(--slate-500);font-size:13px}.search-bar{display:flex;gap:10px;margin-bottom:20px}.search-bar .form-control{flex:1}.status{display:inline-flex;align-items:center;border-radius:999px;padding:6px 9px;font-size:10.5px;font-weight:900;white-space:nowrap}.status-synced,.status-approved,.status-successful{background:#eafaf0;color:var(--brand-800)}.status-failed,.status-declined{background:#fff0f2;color:#b8304a}.status-pending,.status-local-pending{background:#fff8e7;color:#956e10}.empty-state{padding:48px 18px;text-align:center}.empty-state>div{display:grid;place-items:center;width:52px;height:52px;margin:0 auto 13px;border-radius:17px;background:var(--brand-50);color:var(--brand-700);font-size:26px}.empty-state h3{margin:0;color:var(--slate-800);font-size:16px}.empty-state p{margin:7px 0 0;color:var(--slate-500);font-size:13px}.pagination{display:flex;justify-content:flex-end;gap:6px;margin-top:18px}.pagination a{display:grid;place-items:center;min-width:32px;height:32px;border:1px solid var(--slate-200);border-radius:9px;color:var(--slate-700);font-size:12px;font-weight:800}.pagination a.active,.pagination a:hover{border-color:var(--brand-600);background:var(--brand-700);color:#fff}.grid-split{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:22px}.role-guide{display:grid;gap:13px}.role-guide>div{padding:12px 0;border-bottom:1px solid var(--slate-100)}.role-guide>div:last-child{border:0}.role-guide b{display:block;color:var(--slate-800);font-size:13px}.role-guide span{display:block;margin-top:3px;color:var(--slate-500);font-size:12px}.role-selector{display:grid;gap:10px}.role-option{display:block;padding:14px;border:1px solid var(--slate-200);border-radius:14px;transition:.15s}.role-option:hover,.role-option.selected{border-color:var(--brand-300);background:var(--brand-50)}.role-option b{display:block;color:var(--slate-800);font-size:13px}.role-option span{display:block;margin-top:4px;color:var(--slate-500);font-size:11px;line-height:1.45}.permission-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.permission-item{display:flex;align-items:flex-start;gap:10px;padding:12px;border:1px solid var(--slate-200);border-radius:13px;cursor:pointer}.permission-item:hover{border-color:var(--brand-200);background:var(--brand-50)}.permission-item input{accent-color:var(--brand-700);margin-top:2px}.permission-item b,.permission-item small{display:block}.permission-item b{color:var(--slate-800);font-size:12px}.permission-item small{margin-top:2px;color:var(--slate-500);font-size:10px}.login-body{min-height:100vh;background:radial-gradient(circle at 10% 20%,#cef7de 0,transparent 26%),radial-gradient(circle at 86% 86%,#bce6d2 0,transparent 23%),#eef5f2}.login-shell{display:grid;grid-template-columns:1.1fr .9fr;min-height:100vh;max-width:1300px;margin:auto}.login-brand{position:relative;display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding:11vw 10vw;color:#fff;background:linear-gradient(135deg,#051e1b,#08633b 58%,#10a55d)}.login-brand:after{content:"";position:absolute;right:-90px;bottom:-90px;width:410px;height:410px;border:42px solid rgba(255,255,255,.075);border-radius:50%}.login-mark{width:52px;height:52px;margin-bottom:40px;font-size:23px}.login-brand h1{position:relative;z-index:1;margin:14px 0;color:#fff;font-size:44px;line-height:1.06;letter-spacing:-.05em}.login-brand p{position:relative;z-index:1;max-width:480px;margin:0;color:#c5efda;line-height:1.7}.login-points{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.login-points span{padding:8px 10px;border:1px solid rgba(255,255,255,.18);border-radius:10px;background:rgba(255,255,255,.08);font-size:11px;font-weight:700}.login-card{align-self:center;margin:64px;padding:40px;border:1px solid rgba(205,220,225,.9);border-radius:27px;background:rgba(255,255,255,.91);box-shadow:0 28px 70px rgba(13,54,38,.18)}.login-card h2{margin:9px 0 8px;color:var(--slate-900);font-size:27px;letter-spacing:-.04em}.login-card-head p,.login-support{color:var(--slate-500);font-size:13px;line-height:1.55}.login-form{display:grid;gap:10px;margin-top:26px}.login-form .btn{margin-top:12px}.login-support{text-align:center;margin:23px 0 0}.mt-4{margin-top:25px}
@media(max-width:1100px){.record-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.login-shell{grid-template-columns:1fr}.login-brand{min-height:360px;padding:58px}.login-card{max-width:580px;width:calc(100% - 40px);margin:40px auto}.login-brand h1{font-size:38px}}@media(max-width:720px){.record-grid,.grid-split,.permission-list{grid-template-columns:1fr}.hero-strip{padding:24px;min-height:180px}.hero-strip h2,.list-toolbar h2{font-size:23px}.hero-orb{display:none}.list-toolbar{align-items:flex-start;flex-direction:column}.search-bar{flex-direction:column}.search-bar .btn{width:100%}.login-brand{min-height:310px;padding:36px 26px}.login-brand h1{font-size:32px}.login-card{margin:24px auto;padding:27px 23px}.login-points{display:grid}.role-pill{display:none}}

/* Refined typography: lighter visual weight throughout the application */
html, body {
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Headings retain hierarchy without appearing heavy. */
h1, h2, h3, h4, h5, h6,
.topbar h1,
.card-header,
.hero-strip h2,
.list-toolbar h2,
.login-brand h1,
.login-card h2 {
  font-weight: 650;
}

.brand-mark,
.brand-block strong,
.user-copy strong,
.topbar-person strong,
.avatar,
.sidebar-link,
.menu-label,
.form-label,
.btn,
th,
dl dt,
dl dd,
.role-pill,
.role-chip,
.method-chip,
.status,
.eyebrow,
.record-card strong,
.record-card h3,
.record-card>b,
.info-tile b,
.role-guide b,
.role-option b,
.permission-item b,
.login-points span {
  font-weight: 600;
}

/* Reduce the visual heaviness of body controls and navigation. */
.sidebar-link { font-weight: 500; }
.menu-label, th, .eyebrow { font-weight: 650; }
.form-label { font-weight: 600; }
.btn { font-weight: 600; }
.record-card strong { font-weight: 650; }
dl dd { font-weight: 500; }
.status, .role-pill, .role-chip, .method-chip { font-weight: 600; }

/* Keep critical active and status elements clear without a bold appearance. */
.sidebar-link.is-active,
.pagination a.active,
.pagination a:hover { font-weight: 600; }
/* TMS Lookup Centre */
.endpoint-list{margin:0;padding:0;list-style:none}.endpoint-list li{padding:13px 0;border-bottom:1px solid rgba(148,163,184,.16);display:flex;flex-direction:column;gap:5px}.endpoint-list li:last-child{border-bottom:0}.endpoint-list code,.endpoint-path code{font-size:.78rem;color:#0f7a42;word-break:break-word}.endpoint-list span{font-size:.8rem;color:#94a3b8}.result-card{min-height:250px}.result-heading{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:18px;font-size:.88rem;color:#64748b}.lookup-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:18px}.lookup-summary>div{padding:13px 14px;border:1px solid rgba(148,163,184,.18);border-radius:14px;background:rgba(248,250,252,.7)}.lookup-summary span{display:block;color:#94a3b8;font-size:.72rem;text-transform:capitalize;margin-bottom:5px}.lookup-summary strong{display:block;color:#334155;font-size:.86rem;font-weight:500;overflow-wrap:anywhere}.api-details{border:1px solid rgba(148,163,184,.18);border-radius:14px;background:#fbfdff}.api-details summary{cursor:pointer;padding:13px 15px;color:#475569;font-size:.82rem;font-weight:500}.api-details pre{margin:0;padding:0 15px 15px;background:transparent;border:0;max-height:460px}.lookup-menu{display:flex;flex-direction:column;gap:4px}.lookup-group-label{font-size:.7rem;letter-spacing:.09em;text-transform:uppercase;color:#94a3b8;margin:14px 8px 4px}.lookup-group-label:first-child{margin-top:0}.lookup-menu-item{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:11px 12px;border-radius:12px;color:#64748b;text-decoration:none;font-size:.84rem;transition:.2s}.lookup-menu-item:hover,.lookup-menu-item.active{background:rgba(15,122,66,.08);color:#0f7a42}.lookup-menu-item.active{font-weight:500}.lookup-menu-item small{font-size:.65rem;padding:3px 6px;border-radius:6px;background:rgba(148,163,184,.11);color:inherit}.endpoint-path{display:flex;align-items:center;gap:10px;padding:11px 13px;background:rgba(15,122,66,.055);border-radius:12px;margin-bottom:20px}.endpoint-path span{font-size:.68rem;letter-spacing:.06em;color:#fff;background:#0f7a42;padding:4px 7px;border-radius:6px}.info-banner{padding:14px 15px;border-radius:12px;background:rgba(14,165,233,.07);border:1px solid rgba(14,165,233,.15);color:#5b6b7c;font-size:.84rem}.form-text{display:block;color:#94a3b8;font-size:.75rem;margin-top:7px}@media(max-width:640px){.lookup-summary{grid-template-columns:1fr}.endpoint-path{align-items:flex-start;flex-direction:column;gap:6px}}
/* Agent re-submission action */
.btn-sm{padding:.52rem .78rem!important;font-size:.78rem!important;border-radius:.75rem!important;white-space:nowrap}
.table td form{margin:0}

.form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:18px;border-top:1px solid var(--slate-100)}table{width:100%;border-collapse:collapse}th{text-align:left;padding:12px;color:var(--slate-500);font-size:11px;border-bottom:1px solid var(--slate-200)}td{padding:14px 12px;border-bottom:1px solid var(--slate-100);vertical-align:middle}td b,td small{display:block}td small{color:var(--slate-500);margin-top:3px}.actions{display:flex;gap:6px;flex-wrap:wrap}.empty{text-align:center;color:var(--slate-500)}.response-json{background:#091c25;color:#d8f7e5;border-radius:14px;padding:18px;overflow:auto;font-size:12px;line-height:1.6}@media(max-width:720px){table{display:block;overflow-x:auto}.form-actions{flex-direction:column}.form-actions .btn{width:100%}}
/* Role & permission management */
.role-setup-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-bottom:36px}.stack-form{display:grid;gap:16px}.setup-intro{margin:0 0 20px;line-height:1.65}.role-section-heading{margin:8px 0 19px}.role-card-title{width:100%;display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.role-card-title h3{margin:0;color:var(--slate-900);font-size:16px}.role-card-title p{margin:5px 0 0}.role-count{flex:0 0 auto;padding:6px 9px;border-radius:9px;background:var(--brand-50);border:1px solid var(--brand-100);color:var(--brand-700);font-size:11px;font-weight:600}.role-details-form{padding-bottom:20px;margin-bottom:21px;border-bottom:1px dashed var(--slate-200)}.role-code-input{background:var(--slate-100);color:var(--slate-500);cursor:not-allowed}.inline-actions{display:flex;justify-content:flex-end;margin-top:13px}.permission-form{margin-top:0}.danger-zone{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:22px;padding-top:18px;border-top:1px solid var(--red-200);color:var(--slate-500);font-size:12px}.protected-note{margin:21px 0 0;padding:12px 14px;border-radius:12px;background:var(--brand-50);border:1px solid var(--brand-100);color:var(--brand-700);font-size:12px}.permission-library{margin-top:36px}.table-wrap{overflow-x:auto}.compact-input{min-width:170px;min-height:39px;padding:8px 10px;border-radius:10px;font-size:12px}.permission-code{display:inline-block;padding:5px 7px;border-radius:8px;background:var(--slate-100);color:var(--slate-600);font-size:11px;white-space:nowrap}.protected-tag{display:inline-flex;padding:6px 9px;border-radius:9px;background:var(--brand-50);color:var(--brand-700);font-size:11px;font-weight:600}.actions form{margin:0}.permission-library td{vertical-align:middle}.permission-library .actions{min-width:140px}
@media(max-width:900px){.role-setup-grid{grid-template-columns:1fr}.danger-zone{align-items:flex-start;flex-direction:column}.role-card-title{align-items:flex-start}}@media(max-width:620px){.role-card-title{flex-direction:column}.role-count{align-self:flex-start}.inline-actions .btn{width:100%}.permission-library .actions{min-width:180px}}

/* Company retry / re-query feedback */
.tms-retry-button{position:relative;display:inline-flex!important;align-items:center;justify-content:center;gap:7px;min-width:142px}
.tms-retry-button.is-loading{pointer-events:none;opacity:.82}
.tms-retry-button.is-loading .retry-icon{display:inline-block;animation:tmsRetrySpin .85s linear infinite}
.tms-processing-alert{position:fixed;top:22px;right:22px;z-index:9999;display:flex;align-items:flex-start;gap:14px;width:min(500px,calc(100vw - 44px));padding:18px 20px;border:1px solid #a7f3d0;border-left:4px solid #0f8d49;border-radius:16px;background:rgba(255,255,255,.98);box-shadow:0 18px 42px rgba(15,23,42,.18);transform:translateY(-18px);opacity:0;visibility:hidden;transition:transform .2s ease,opacity .2s ease,visibility .2s ease}
.tms-processing-alert.is-visible{transform:translateY(0);opacity:1;visibility:visible}
.tms-alert-content{min-width:0}.tms-processing-alert h3{margin:3px 0 5px;color:#0f172a;font-size:17px;font-weight:600;letter-spacing:-.02em}.tms-processing-alert p{margin:0;color:#64748b;font-size:13px;line-height:1.55}.tms-alert-spinner{width:28px;height:28px;flex:0 0 28px;border:3px solid #d1fae5;border-top-color:#0f8d49;border-radius:50%;animation:tms-spin .75s linear infinite}
@media(max-width:600px){.tms-processing-alert{top:14px;right:14px;width:calc(100vw - 28px);padding:16px}.tms-retry-button{width:100%}}
/* Unified feedback for all local-to-TMS retry actions */
.tms-retry-form{display:inline-block;margin:0}
.tms-retry-button{white-space:nowrap}
.tms-retry-button:disabled{cursor:wait}

/* Global Cyber1 request alert: always visible at the very top of the viewport. */
.tms-processing-alert{
    position:fixed;
    top:0;
    left:0;
    right:0;
    z-index:2147483647;
    width:100%;
    padding:0;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
    transform:translateY(-100%);
    opacity:0;
    visibility:hidden;
    transition:transform .22s ease,opacity .22s ease,visibility .22s ease;
}
.tms-processing-alert.is-visible{
    transform:translateY(0);
    opacity:1;
    visibility:visible;
}
.tms-processing-alert__inner{
    width:min(960px,100%);
    margin:0 auto;
    display:flex;
    align-items:flex-start;
    gap:14px;
    padding:15px 22px;
    border-bottom:1px solid #a7f3d0;
    border-left:4px solid #0f8d49;
    background:rgba(255,255,255,.99);
    box-shadow:0 12px 30px rgba(15,23,42,.18);
}
@media(max-width:600px){
    .tms-processing-alert{top:0;right:0;width:100%}
    .tms-processing-alert__inner{padding:14px 16px}
}


/* Company TMS lookup column */
.table-scroll { overflow-x: auto; }
.lookup-result-head { min-width: 260px; }
.lookup-result-cell { min-width: 280px; }
.lookup-result { display: grid; gap: 4px; padding: 10px 12px; border: 1px solid var(--line, #e2e8f0); border-radius: 12px; background: #f8fafc; }
.lookup-result strong { font-size: .82rem; font-weight: 600; }
.lookup-result span { font-size: .82rem; line-height: 1.35; color: #475569; }
.lookup-result small { font-size: .75rem; line-height: 1.35; }
.lookup-result-success { border-color: #bbf7d0; background: #f0fdf4; }
.lookup-result-success strong { color: #15803d; }
.lookup-result-failed { border-color: #fecaca; background: #fff7ed; }
.lookup-result-failed strong { color: #b45309; }
.muted { display: block; color: #64748b; font-size: .76rem; margin-top: 3px; }
.tms-lookup-button.is-loading .retry-icon { display: inline-block; animation: tmsSpin .8s linear infinite; }