*{box-sizing:border-box}body{margin:0;background:#f3f6fa;color:#172033;font:14px Inter,Microsoft YaHei,sans-serif}button,input{font:inherit}.login{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 20% 10%,#294d87,#101c32 55%)}.login form{width:390px;background:#fff;border-radius:18px;padding:36px;box-shadow:0 30px 80px #08112088}.logo,.brand>span{width:44px;height:44px;border-radius:12px;background:linear-gradient(145deg,#2457d6,#53a7d9);color:#fff;display:grid;place-items:center;font-weight:800}.login h1{margin:18px 0 6px}.login p,.login small{color:#7b879a}.login label{display:flex;flex-direction:column;gap:7px;margin:18px 0;font-weight:600}.login input{height:44px;border:1px solid #dce2eb;border-radius:8px;padding:0 12px}.login button,.content header>button{width:100%;height:44px;border:0;border-radius:8px;background:#2457d6;color:#fff;font-weight:700}.login em,.error{color:#d84d5b}.shell{min-height:100vh;display:grid;grid-template-columns:225px 1fr}aside{position:sticky;top:0;height:100vh;background:#111d31;color:#fff;padding:21px 15px}.brand{display:flex;align-items:center;gap:10px;padding:0 7px 22px}.brand b{display:flex;flex-direction:column;font-size:17px}.brand small{color:#7f96b8;font-size:9px;letter-spacing:1.4px;margin-top:3px}nav{display:flex;flex-direction:column;gap:5px}nav button,.logout{height:42px;border:0;border-radius:8px;background:transparent;color:#91a3bd;text-align:left;padding:0 13px}nav button.active{background:#2457d6;color:#fff}.logout{position:absolute;bottom:18px;left:15px;right:15px;width:calc(100% - 30px)}.content{padding:25px 28px}.content header{display:flex;align-items:center;margin-bottom:20px}.content header>div:first-child{margin-right:auto}.content header span{font-size:10px;color:#7d8ba1;letter-spacing:1px}.content header h1{font-size:23px;margin:4px 0}.content header>button{width:auto;height:34px;padding:0 15px;margin-left:12px}.live{display:flex;align-items:center;gap:7px;color:#438972}.live i{width:7px;height:7px;border-radius:50%;background:#31b887;box-shadow:0 0 0 5px #31b88720}.kpis{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.kpis article,.panel,.cards article{background:#fff;border:1px solid #e1e6ee;border-radius:12px;padding:17px;box-shadow:0 3px 12px #243b5a0a}.kpis span{color:#7b879a;font-size:12px}.kpis b{display:block;font-size:23px;margin:9px 0}.kpis small{color:#3a9c7c}.grid{display:grid;grid-template-columns:1.8fr .7fr;gap:14px;margin-top:14px}.panel h2{font-size:15px;margin:0 0 15px}.panel-title{display:flex;align-items:center}.panel-title h2{margin-right:auto}.panel-title>button{border:0;background:#2457d6;color:#fff;border-radius:7px;padding:8px 12px}.bars{height:230px;border-bottom:1px solid #e2e7ee;display:flex;align-items:flex-end;gap:10px;padding:20px}.bars span{height:100%;flex:1;display:flex;align-items:flex-end;gap:2px}.bars i,.bars b{display:block;width:50%;background:#2457d6;border-radius:4px 4px 0 0}.bars b{background:#55bf9e}.row{display:flex;justify-content:space-between;border-top:1px solid #edf0f4;padding:12px 0}.thead,.trow{display:grid;grid-template-columns:1.5fr repeat(5,.6fr);align-items:center;gap:10px;padding:11px}.thead{background:#f6f8fb;color:#7b879a}.trow{border-top:1px solid #edf0f4}.trow>span:first-child,.account>span:nth-child(2),.event span{display:flex;flex-direction:column}.trow small,.account small,.event small{color:#8793a5;margin-top:3px}.trow em,.account em{font-style:normal;color:#249470}.account{display:grid;grid-template-columns:38px 1fr .7fr .5fr auto;gap:10px;align-items:center;padding:11px;border-top:1px solid #edf0f4}.avatar{width:36px;height:36px;border-radius:10px;background:#eaf0ff;color:#2457d6;display:grid;place-items:center}.account button{border:1px solid #dce3ed;background:#fff;border-radius:7px;padding:7px 10px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.cards article{display:grid;grid-template-columns:1fr auto}.cards article span{display:flex;flex-direction:column}.cards small{color:#8793a5}.cards strong{grid-column:1/3;margin-top:15px;color:#52627a}.switch{width:40px;height:22px;border:0;border-radius:12px;background:#cbd3df;padding:3px}.switch i{display:block;width:16px;height:16px;border-radius:50%;background:#fff}.switch.on{background:#2457d6}.switch.on i{transform:translate(18px)}.security{display:flex;align-items:center;gap:18px;background:linear-gradient(110deg,#142d55,#1f5c6f);color:#fff;padding:23px;border-radius:13px;margin-bottom:14px}.security>b{width:80px;height:80px;border:7px solid #55cfa8;border-radius:50%;display:grid;place-items:center;font-size:25px}.security h2{margin:0}.security p{color:#bed1dc}.event{display:grid;grid-template-columns:8px 1fr auto auto;gap:11px;align-items:center;padding:12px;border-top:1px solid #edf0f4}.event>i{width:8px;height:8px;border-radius:50%;background:#4dbc98}.event>i.HIGH,.event>i.CRITICAL{background:#e15b63}.event em{font-style:normal}.investor{grid-template-columns:repeat(4,1fr)}@media(max-width:1000px){.kpis{grid-template-columns:repeat(3,1fr)}.grid{grid-template-columns:1fr}.cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.shell{grid-template-columns:72px 1fr}aside{padding:15px 8px}.brand b,nav button{font-size:0}.brand{padding:0}.brand>span{width:40px}.logout{font-size:0}.content{padding:15px}.kpis{grid-template-columns:repeat(2,1fr)}.content header .live{display:none}}nav button i{font-style:normal;display:inline-block;width:24px}.error,.notice{display:flex;align-items:center;justify-content:space-between;padding:12px 15px;border-radius:9px;margin-bottom:14px}.error{background:#fff0f1;border:1px solid #f2c8cd}.error button{border:0;background:transparent;font-size:20px;color:#c43f4c}.notice{background:#eaf8f3;border:1px solid #bfe7d8;color:#19775a}.import-box{display:grid;grid-template-columns:1fr 180px 280px auto;gap:12px;align-items:center;margin-bottom:14px}.import-box h2{margin-bottom:5px}.import-box p{margin:0;color:#7b879a}.import-box select,.import-box input,.import-box button,.integration-form input,.integration-form select,.integration-form button{height:42px;border:1px solid #dce3ed;border-radius:8px;background:#fff;padding:0 11px}.import-box button,.integration-form button{border:0;background:#2457d6;color:#fff;font-weight:700}.import-head,.import-row{display:grid;grid-template-columns:1.6fr .8fr .5fr 1fr .6fr .7fr;gap:10px;align-items:center;padding:11px}.import-head{background:#f6f8fb;color:#7b879a}.import-row{border-top:1px solid #edf0f4}.import-row>span:first-child{display:flex;flex-direction:column}.import-row small{color:#8793a5}.import-row em{font-style:normal;color:#248c6c}.import-row button{border:1px solid #ccd7e6;border-radius:7px;background:#fff;padding:7px}.import-row button:not(:disabled){background:#2457d6;color:#fff;border-color:#2457d6}.integration-layout{display:grid;grid-template-columns:360px 1fr;gap:14px}.integration-form{display:flex;flex-direction:column;gap:12px}.integration-form label{display:flex;flex-direction:column;gap:6px;font-weight:600;font-size:12px}.integrations article{display:grid;grid-template-columns:12px 1fr auto auto;gap:12px;align-items:center;padding:13px;border-top:1px solid #edf0f4}.integrations article>span:nth-child(2){display:flex;flex-direction:column}.integrations small{color:#8793a5}.integrations em{font-style:normal;color:#68758a}.integrations button{border:1px solid #ced8e6;border-radius:7px;background:#fff;padding:7px 10px}.integration-dot{width:9px;height:9px;border-radius:50%;background:#adb7c5}.integration-dot.CONNECTED{background:#2eb98d;box-shadow:0 0 0 5px #2eb98d18}.integration-dot.ERROR{background:#e15b63}.integration-dot.CONFIGURED{background:#e8a33e}@media(max-width:1100px){.import-box{grid-template-columns:1fr 1fr}.integration-layout{grid-template-columns:1fr}}@media(max-width:700px){.import-box{grid-template-columns:1fr}.import-head,.import-row{grid-template-columns:1fr 1fr}.import-head span:nth-child(n+3){display:none}}.integration-form textarea{min-height:96px;border:1px solid #dce3ed;border-radius:8px;background:#fff;padding:10px 11px;resize:vertical;font:12px ui-monospace,Consolas,monospace}