@import url();
:root{--navy:#08162f;--navy2:#0d2242;--blue:#2563eb;--cyan:#35c5eb;--bg:#f5f7fb;--ink:#15263f;--muted:#738096;--border:#e5eaf1;--white:#fff;--green:#008a61;--green-bg:#e4f7ef;--orange:#bd7200;--orange-bg:#fff2dd;--red:#c23b4f;--red-bg:#feedef;--shadow:0 8px 24px #1a2a4720}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--bg);color:var(--ink);font-size:14px}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}a{color:inherit;text-decoration:none}a:hover{color:var(--blue)}.boot{padding:100px;text-align:center}.app-shell{display:flex;min-height:100vh}.sidebar{background:var(--navy);width:252px;min-width:252px;min-height:100vh;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;color:#fff;z-index:20}.brand{height:95px;display:flex;align-items:center;padding:25px 24px;border-bottom:1px solid #ffffff18;gap:12px}.brand img{width:125px;height:auto;display:block}.brand-label{font-size:10px;color:#b3c8e7;letter-spacing:.2em;margin-left:4px;font-weight:700}.brand-stack{display:flex;flex-direction:column;gap:3px}.section-label{color:#8398b9;font-size:10px;font-weight:800;letter-spacing:.13em;padding:30px 27px 12px;text-transform:uppercase}.nav-links{display:flex;flex-direction:column;gap:5px;padding:0 13px}.nav-link{border:0;display:flex;align-items:center;gap:13px;background:none;color:#adc0da;text-align:left;padding:13px 14px;border-radius:9px;font-weight:550;font-size:13px;transition:.16s}.nav-link:hover{background:#15365e;color:white}.nav-link.active{background:#214b82;color:#fff;box-shadow:inset 3px 0 0 var(--cyan)}.nav-link svg{width:18px;height:18px;stroke-width:1.8}.nav-link span:last-child{flex:1}.side-bottom{margin-top:auto;border-top:1px solid #ffffff1b;padding:20px 20px 22px}.side-user{display:flex;align-items:center;gap:12px}.avatar{background:linear-gradient(140deg,#337ce8,#32c9ea);width:35px;height:35px;display:grid;place-items:center;border-radius:10px;font-weight:800;color:white}.side-user strong{font-size:12px}.side-user small{display:block;color:#90a7c5;font-size:11px;margin-top:3px}.side-logout{background:none;border:0;color:#9db9d8;padding:9px 0 0 47px;font-size:11px}.workspace{flex:1;min-width:0}.topbar{height:83px;border-bottom:1px solid var(--border);background:#fff;display:flex;align-items:center;padding:0 43px;gap:22px;justify-content:space-between}.crumb{font-size:13px;font-weight:650;color:#516077}.crumb b{color:var(--ink)}.top-actions{display:flex;align-items:center;gap:15px}.search-wrap{display:flex;align-items:center;gap:8px;width:260px;border:1px solid var(--border);border-radius:9px;height:39px;padding:0 12px;color:#9ca9bb;background:#f9fbfd}.search-wrap input{border:0;outline:none;background:none;width:100%;font-size:12px;color:var(--ink)}.search-wrap svg,.top-icon svg{width:17px;height:17px}.top-icon{display:grid;place-items:center;border:1px solid var(--border);border-radius:9px;background:#fff;width:39px;height:39px;color:#61708b}.content{max-width:1500px;padding:38px 43px 65px;margin:0 auto}.page-title{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:26px}.eyebrow{color:#4383c4;text-transform:uppercase;font-size:10px;font-weight:800;letter-spacing:.17em;margin-bottom:9px}.page-title h1{font-size:28px;font-weight:780;letter-spacing:-.04em;margin:0 0 7px;color:#122239}.lead{color:var(--muted);font-size:13px;line-height:1.6;margin:0;max-width:700px}.btn{display:inline-flex;gap:8px;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:9px;padding:11px 15px;background:#fff;color:#2c3c57;font-weight:680;white-space:nowrap;font-size:12px;box-shadow:none}.btn svg{width:16px;height:16px}.btn-primary{background:var(--blue);border-color:var(--blue);color:#fff}.btn-primary:hover{background:#1753df;color:white}.btn:hover{border-color:#c4d0e2}.btn-dark{background:var(--navy2);color:#fff;border-color:var(--navy2)}.btn-mini{font-size:11px;padding:7px 10px}.btn:disabled{background:#eff1f5;border-color:#e4e9ef;color:#808ca0}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:22px}.metric{border:1px solid var(--border);border-radius:13px;background:#fff;padding:22px;min-height:132px;display:flex;flex-direction:column;box-shadow:0 2px 8px #112a5106}.metric-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.metric-label{color:#65718a;font-size:12px;font-weight:580}.metric-icon{display:grid;place-items:center;height:34px;width:34px;border-radius:10px;background:#eaf1fe;color:#336ad5}.metric-icon svg{width:17px;height:17px}.metric strong{font-size:27px;letter-spacing:-.04em}.metric small{font-size:11px;color:#8a96a8;margin-top:6px}.panels{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(290px,1fr);gap:20px}.panel{background:#fff;border:1px solid var(--border);border-radius:13px;overflow:hidden;box-shadow:0 3px 12px #14274006}.panel-head{padding:22px 24px 19px;display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid var(--border)}.panel-head h2{margin:0;font-size:15px;letter-spacing:-.02em}.panel-head p{margin:5px 0 0;color:var(--muted);font-size:11px}.panel-body{padding:5px 24px}.activity{display:flex;gap:13px;align-items:flex-start;padding:16px 0;border-bottom:1px solid #eff1f4}.activity:last-child{border-bottom:0}.activity-icon{width:35px;height:35px;min-width:35px;background:#f0f5fc;display:grid;place-items:center;border-radius:10px;color:#3970be}.activity-icon svg{width:17px}.activity-title{font-weight:650;font-size:12px;margin:2px 0 5px}.activity p{color:var(--muted);margin:0;font-size:11px;line-height:1.6}.activity-actions{margin-left:auto}.activity-actions button{background:none;border:0;color:#426abc;font-size:11px;font-weight:700}.quick-grid{padding:21px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.quick-action{min-height:103px;text-align:left;border:1px solid #e9edf4;background:#fafcff;border-radius:10px;padding:16px;display:flex;flex-direction:column;gap:9px;font-weight:700;font-size:12px}.quick-action:hover{background:#edf5ff;border-color:#b2cfff}.quick-action svg{width:20px;height:20px;color:#386bc5}.quick-action small{font-weight:400;font-size:10px;color:#8c97a7}.table-card{border:1px solid var(--border);background:#fff;border-radius:13px;overflow:hidden}.table-toolbar{padding:20px 23px;display:flex;justify-content:space-between;align-items:center;gap:18px}.table-toolbar h2{font-size:14px;margin:0}.table-toolbar small{color:var(--muted)}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;min-width:720px}th,td{text-align:left;padding:16px 22px;font-size:12px;border-bottom:1px solid #edf0f5}th{background:#f9fbfe;color:#8691a4;font-size:10px;letter-spacing:.065em;text-transform:uppercase;font-weight:800}td{color:#46566d}td strong{color:#1a2c46;font-weight:720}tr:last-child td{border-bottom:0}tr:hover td{background:#fafcff}.entity-cell{display:flex;align-items:center;gap:10px}.mini-avatar{width:31px;height:31px;border-radius:9px;background:#eaf1ff;color:#2968d3;display:grid;place-items:center;font-weight:800;font-size:11px}.cell-sub{display:block;font-size:10px;color:#9ca7b9;margin-top:4px}.status{font-size:10px;font-weight:700;border-radius:100px;display:inline-flex;align-items:center;gap:6px;padding:6px 9px;background:#eff3f8;color:#68758b}.status:before{content:'';width:6px;height:6px;background:currentColor;border-radius:100%}.status.good{background:var(--green-bg);color:var(--green)}.status.warn{background:var(--orange-bg);color:var(--orange)}.status.bad{background:var(--red-bg);color:var(--red)}.link-button{border:0;background:none;color:#1b62d2;font-weight:700;font-size:11px;padding:6px;white-space:nowrap}.muted{color:var(--muted)}.empty{padding:54px 26px;text-align:center;color:var(--muted);line-height:1.7}.empty svg{width:27px;height:27px;color:#90b1df;margin-bottom:12px}.empty strong{color:#273a53;display:block;margin-bottom:6px}.tag-note{display:inline-block;background:#e7f2ff;border:1px solid #cfe2ff;border-radius:7px;color:#2365ad;font-weight:700;font-size:10px;padding:7px 9px}.banner{border:1px solid #dce8fc;background:#edf5ff;color:#315780;padding:12px 16px;border-radius:10px;margin-bottom:24px;display:flex;align-items:center;gap:10px;font-size:12px}.banner svg{width:17px;height:17px;flex:none}.demo-ribbon{background:#153f7b;color:#fff;text-align:center;padding:8px;font-size:11px;letter-spacing:.025em;font-weight:650}.input{width:100%;min-height:41px;border:1px solid #dce3ee;border-radius:8px;background:#fff;color:#15263f;padding:10px 12px;outline:none;font-size:13px}.input:focus{border-color:#4587ec;box-shadow:0 0 0 3px #3c81ec15}.field{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:650;color:#33435d}.field small{font-weight:400;color:var(--muted)}textarea.input{min-height:100px;resize:vertical}.modal{border:1px solid #e1e7f0;border-radius:16px;padding:0;background:#fff;color:var(--ink);width:min(545px,94vw);max-height:90vh;box-shadow:0 20px 95px #00142d55}.modal::backdrop{background:#0a1e38a6;backdrop-filter:blur(3px)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:22px 26px;border-bottom:1px solid var(--border)}.modal-header h2{margin:0;font-size:18px}.icon-close{background:transparent;border:0;font-size:25px;color:#8997ac;padding:0 3px;line-height:1}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.form-grid .full{grid-column:1/-1}.form-content{padding:24px 26px;overflow:auto;max-height:65vh}.modal-foot{border-top:1px solid var(--border);padding:17px 26px;display:flex;align-items:center;justify-content:flex-end;gap:9px}.toast{position:fixed;bottom:24px;right:24px;border-radius:10px;color:white;background:#0f2b4e;padding:16px 21px;box-shadow:var(--shadow);font-size:12px;max-width:420px;z-index:100;animation:fadein .2s}.toast.error{background:#922f46}@keyframes fadein{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.auth-screen{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr;background:white}.auth-left{background:linear-gradient(150deg,#07162d 4%,#0d3367 85%);color:white;padding:64px 8%;display:flex;flex-direction:column;justify-content:space-between;min-height:100vh}.auth-left img{width:180px}.auth-left h1{font-size:clamp(35px,4vw,56px);max-width:620px;line-height:1.09;letter-spacing:-.045em;margin-bottom:21px}.auth-left p{font-size:16px;color:#aec4e0;max-width:500px;line-height:1.8}.auth-left small{color:#8ca9cd}.auth-right{display:flex;align-items:center;justify-content:center;padding:50px}.auth-form{width:min(380px,100%)}.auth-form h2{font-size:25px;letter-spacing:-.025em;margin:0 0 10px}.auth-form p{color:var(--muted);line-height:1.7;margin:0 0 27px}.auth-form .field{margin:18px 0}.auth-form button{width:100%;margin-top:12px}.auth-form .message{margin-top:18px;line-height:1.6;color:#b93448;font-size:12px}.auth-form .message.good{color:#008a61}.auth-pill{display:inline-block;background:#1a4c81;color:#a7d9ff;border-radius:50px;font-size:11px;padding:9px 12px;font-weight:700}.section-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.module-card{background:#fff;border:1px solid var(--border);padding:20px;border-radius:13px;display:flex;flex-direction:column;gap:12px}.module-card svg{width:22px;height:22px;color:var(--blue)}.module-card h3{margin:0;font-size:14px}.module-card p{margin:0;color:var(--muted);font-size:12px;line-height:1.6}.module-card a{margin-top:auto;color:var(--blue);font-weight:700;font-size:11px}.strip{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:14px 17px;border:1px solid #dae4f2;border-radius:10px;margin-bottom:22px;background:#fff;font-size:12px}.pill{padding:6px 10px;background:#f2f5fa;border-radius:7px;font-size:11px;color:#57708c}.mobile-menu{display:none}.hide{display:none!important}
@media(max-width:1190px){.sidebar{width:218px;min-width:218px}.content{padding:30px 28px}.topbar{padding:0 28px}.metrics{grid-template-columns:repeat(2,1fr)}.panels{grid-template-columns:1fr}.panel{min-width:0}}
@media(max-width:740px){.sidebar{position:fixed;transform:translateX(-100%);transition:transform .2s;width:250px;min-width:250px;box-shadow:0 20px 45px #001d3845}.sidebar.open{transform:translateX(0)}.mobile-menu{display:grid;place-items:center;background:none;border:0;width:31px;height:38px;color:#36516c}.topbar{height:64px;padding:0 18px;gap:10px}.top-actions{gap:7px}.search-wrap{width:min(35vw,180px);height:35px}.search-wrap input{font-size:11px}.top-icon{width:35px;height:35px}.crumb{font-size:12px}.content{padding:26px 17px 60px}.page-title{flex-direction:column;gap:15px}.page-title h1{font-size:24px}.metrics{gap:10px}.metric{padding:15px;min-height:108px}.metric strong{font-size:23px}.metric-top{margin-bottom:12px}.metric-label{font-size:11px}.quick-grid{gap:8px;padding:14px}.quick-action{padding:12px;min-height:96px}.section-grid{grid-template-columns:1fr}.auth-screen{grid-template-columns:1fr}.auth-left{min-height:190px;padding:29px 25px}.auth-left h1{font-size:29px;margin-bottom:9px}.auth-left p{font-size:12px;line-height:1.5}.auth-left img{width:125px}.auth-left small{display:none}.auth-right{padding:45px 23px}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.panel-head{padding:17px}.panel-body{padding:0 17px}}
/* v0.2 - detail actions */
.detail-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.detail-actions .btn{min-height:42px}
@media(max-width:560px){.detail-actions{flex-direction:column}.detail-actions .btn{width:100%;justify-content:center}}
/* Ensure flow arrows have bounded sizes on large and small screens. */
.strip svg{width:18px!important;height:18px!important;min-width:18px;max-width:18px;flex:0 0 18px}
.strip{min-height:64px;gap:12px;align-items:center;justify-content:center}
@media(max-width:500px){.strip{gap:7px;padding:12px}.strip svg{width:13px!important;height:13px!important;min-width:13px;max-width:13px;flex-basis:13px}.strip .pill{font-size:9px;padding:6px 7px}}