*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#f6f8fb;color:#0a1f44}a{text-decoration:none;color:inherit}.shell{display:flex;min-height:100vh}.sidebar{width:235px;background:#071f43;color:white;padding:24px 14px;position:fixed;inset:0 auto 0 0}.brand{font-size:21px;font-weight:800;letter-spacing:.5px;margin:0 8px 24px}.brand small{display:block;font-size:10px;letter-spacing:3px}.nav{display:grid;grid-gap:3px;gap:3px}.nav a{padding:9px 14px;border-radius:8px;color:#eef5ff}.nav a:hover{background:#1267e5}.main{margin-left:235px;width:calc(100% - 235px);padding:28px}.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.title{font-size:28px;font-weight:800}.subtitle{color:#667085;margin-top:4px}.grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:14px;gap:14px}.card{background:white;border:1px solid #e3e8ef;border-radius:12px;padding:18px;box-shadow:0 2px 8px #0a1f4408}.metric{font-size:27px;font-weight:800;margin-top:8px}.label{font-size:13px;color:#475467}.panel{margin-top:16px}.two{display:grid;grid-template-columns:2fr 1fr;grid-gap:16px;gap:16px}.table{width:100%;border-collapse:collapse}.table td,.table th{text-align:left;padding:12px;border-bottom:1px solid #edf0f4;font-size:13px}.table td span[style*=border-radius]{white-space:nowrap;display:inline-block}.pill{display:inline-block;padding:5px 9px;border-radius:999px;background:#e8f7ee;color:#16803a;font-size:12px}.warn{background:#fff3e7;color:#c65b00}.danger{background:#ffeaea;color:#c51f1f}.sidebar-user{position:absolute;left:18px;right:18px;bottom:18px;border-top:1px solid rgba(255,255,255,.18);padding-top:16px;color:#fff}.sidebar-user-row{display:flex;align-items:center;gap:10px;margin-bottom:12px}.sidebar-avatar{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.14);display:grid;place-items:center;font-size:18px;flex:0 0 auto}.sidebar-user-text{min-width:0}.sidebar-user-name{font-weight:800;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-role{font-size:11px;opacity:.72;margin-top:2px}.sidebar-user-email{font-size:10px;opacity:.58;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:10px}.mobile-topbar{display:none}@media(max-width:1000px){.sidebar{width:190px}.main{margin-left:190px;width:calc(100% - 190px)}.grid{grid-template-columns:repeat(2,1fr)}.two{grid-template-columns:1fr}}@media(max-width:768px){body{background:#f6f8fb;overflow-x:hidden}.desktop-sidebar{display:none}.mobile-topbar{display:flex;position:fixed;z-index:1000;top:0;left:0;right:0;height:64px;background:#071f43;color:#fff;align-items:center;justify-content:space-between;padding:0 14px;box-shadow:0 2px 8px rgba(7,31,67,.2)}.mobile-brand{font-size:17px;font-weight:900;letter-spacing:.4px;white-space:nowrap}.mobile-brand small{display:block;font-size:8px;letter-spacing:2.4px;margin-left:25px}.mobile-menu{position:relative}.mobile-menu summary{list-style:none;cursor:pointer;border:1px solid rgba(255,255,255,.25);border-radius:8px;padding:9px 11px;font-size:14px;font-weight:800}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu-panel{position:fixed;top:64px;right:0;left:0;max-height:calc(100vh - 64px);overflow-y:auto;background:#071f43;border-top:1px solid rgba(255,255,255,.12);padding:10px 14px 18px;box-shadow:0 8px 20px rgba(0,0,0,.18)}.mobile-nav{display:grid;grid-gap:2px;gap:2px}.mobile-nav a{padding:12px 10px;border-radius:8px;color:#eef5ff;font-size:16px}.mobile-nav a:active{background:#1267e5}.mobile-user{margin-top:14px;padding-top:14px;border-top:1px solid rgba(255,255,255,.18);color:#fff}.mobile-user .sidebar-user-email,.mobile-user .sidebar-user-row{margin-bottom:8px}.shell{display:block;min-height:100vh}.main{margin-left:0;width:100%;padding:84px 14px 24px;min-width:0}.top{display:grid;grid-template-columns:1fr;grid-gap:14px;gap:14px;align-items:start;margin-bottom:18px}.top>div:first-child{min-width:0}.title{font-size:27px;line-height:1.08}.subtitle{font-size:14px;line-height:1.35}.top>:not(:first-child){width:100%;min-width:0}.top form{display:grid!important;grid-template-columns:1fr 1fr!important;grid-gap:10px!important;gap:10px!important;width:100%;max-width:100%;align-items:end!important}.top form>label:first-child{grid-column:1/-1}.top form>label:first-child>div{display:grid!important;grid-template-columns:1fr 1fr!important;grid-gap:8px!important;gap:8px!important}.top form>label{width:100%;min-width:0}.top form input,.top form select{width:100%!important;min-width:0!important}.top form button[type=submit]{grid-column:1/-1;width:100%!important;min-height:46px!important;background:#1267e5!important;color:#fff!important;border-color:#1267e5!important;font-size:15px!important;display:block!important;visibility:visible!important;white-space:nowrap}.grid,.two{grid-template-columns:1fr!important;gap:10px}.card{padding:14px;border-radius:11px;min-width:0;max-width:100%;overflow-x:auto}.panel{margin-top:12px}.metric{font-size:25px}.table{min-width:680px}.main [style*=grid-template-columns]{grid-template-columns:1fr!important}.main [style*="display:flex"],.main button,.main input,.main select{max-width:100%}.main input[type=date],.main input[type=email],.main input[type=text],.main select{min-height:42px}.main canvas,.main svg{max-width:100%!important}.main h1,.main h2,.main h3{overflow-wrap:anywhere}.main [style*="width: 150"],.main [style*="width: 220"],.main [style*="width:150"],.main [style*="width:220"]{width:100%!important}.main [style*="minmax("]{grid-template-columns:1fr!important}.main [style*="justify-content:space-between"]{gap:10px;flex-wrap:wrap}.main [style*="overflowX:'auto'"]{overflow-x:auto}.main [role=img]{max-width:100%}.main footer{font-size:11px}.sidebar-user{position:static;border-top:0;padding-top:0}}