:root{--navy:#071a34;--muted:#637086;--line:#e6ebf1;--cyan:#04a9c5;--teal:#02aaa5;--green:#48d34c;--pale:#eaf8fc;--bg:#f7f9fc;--shadow:0 8px 28px rgba(16,43,73,.08)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--navy);font-family:Montserrat,system-ui,sans-serif;font-size:14px}a{color:inherit}.shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:250px;background:#fff;border-right:1px solid var(--line);padding:25px 18px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;padding:0 8px 26px}.brand-icon{width:48px;height:48px}.brand-word{font-size:25px;font-weight:800;letter-spacing:2px}.brand-word span,.gradient-text{background:linear-gradient(90deg,var(--cyan),var(--green));-webkit-background-clip:text;color:transparent}.tagline{font-size:6px;letter-spacing:1.2px;text-transform:uppercase;display:block;margin-top:3px}.nav{display:grid;gap:7px}.nav a{display:flex;align-items:center;gap:13px;padding:13px 16px;text-decoration:none;border-radius:9px;font-weight:600;color:#34445a}.nav a:hover,.nav a.active{background:#e5f5fb;color:#075c78}.nav .ico{font-size:19px;width:24px}.bot-card{margin-top:auto;border:1px solid var(--line);border-radius:14px;text-align:center;padding:18px 12px;background:linear-gradient(160deg,#fff,#f4fffd);box-shadow:var(--shadow)}.bot-card .brand-icon{width:72px;height:72px}.bot-card strong{display:block;margin:7px 0}.bot-card small{color:var(--teal)}.content{margin-left:250px}.topbar{height:86px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 42px;position:sticky;top:0;z-index:10}.topbar h1{font-size:21px;margin:0}.user{display:flex;align-items:center;gap:12px}.avatar{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:18px;background:linear-gradient(135deg,var(--cyan),var(--teal))}.user small{display:block;color:var(--muted);margin-top:3px}.main{padding:28px 40px 50px;max-width:1450px;margin:auto}.stats{display:grid;grid-template-columns:repeat(5,1fr);background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);margin-bottom:20px}.stat{display:flex;gap:12px;align-items:center;padding:23px;border-right:1px solid var(--line)}.stat:last-child{border:0}.stat-icon{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#f1fbfb;font-size:22px}.stat b{font-size:24px;display:block}.stat small{color:var(--muted)}.hero{position:relative;overflow:hidden;border:1px solid #cfecee;border-radius:14px;padding:28px 32px;background:linear-gradient(105deg,#ddf5ff,#ecfffa 60%,#dfffdc);margin-bottom:20px}.hero:after{content:'✦  ◌  ✧';position:absolute;right:4%;top:18%;font-size:46px;color:#55d9d2;opacity:.45}.hero h2{font-size:26px;margin:0 0 5px}.hero p{margin:6px 0;color:#40516a}.underline{display:block;width:52px;height:3px;background:linear-gradient(90deg,var(--cyan),var(--green));margin:12px 0}.panel{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:24px;margin-bottom:20px}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.panel-head h2{font-size:19px;margin:0}.panel-head p{margin:5px 0 0;color:var(--muted);font-size:12px}.btn{border:0;border-radius:8px;padding:11px 17px;font:600 13px Montserrat;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:7px;background:#fff;color:var(--navy);border:1px solid #d7dee8}.btn-primary{color:#fff;border:0;background:linear-gradient(90deg,var(--cyan),var(--green))}.btn-danger{color:#bd2f45;background:#fff5f6;border-color:#ffd8de}.form-grid{display:grid;grid-template-columns:1fr 260px;gap:16px}.field{display:grid;gap:7px;color:#45566c;font-weight:600}.field textarea,.field input,.field select{width:100%;border:1px solid #dce3eb;border-radius:9px;padding:12px;background:#fbfcfe;font:14px Montserrat;color:var(--navy)}.field textarea{min-height:110px;resize:vertical}.actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:15px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th{text-transform:uppercase;font-size:10px;letter-spacing:.7px;color:#758297;background:#f7f9fc}th,td{text-align:left;padding:13px 12px;border-bottom:1px solid var(--line)}td a{color:#058a9c;font-weight:600;text-decoration:none}.badge{display:inline-flex;align-items:center;gap:6px;border-radius:20px;padding:6px 10px;font-size:11px;font-weight:700;background:#eaffe8;color:#24842b}.badge:before{content:'';width:7px;height:7px;border-radius:50%;background:#37c840}.badge-running{background:#e9f7ff;color:#08749b}.badge-failed{background:#fff0f2;color:#b52d43}.progress{width:110px;height:7px;border-radius:9px;background:#edf1f5;overflow:hidden}.progress span{display:block;height:100%;background:linear-gradient(90deg,var(--cyan),var(--green))}.empty{text-align:center;color:var(--muted);padding:30px}.login-page{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr;background:#fff}.login-brand{display:flex;align-items:center;justify-content:center;padding:50px;background:linear-gradient(135deg,#e2f7ff,#ebfff8 60%,#e9ffe4)}.login-brand-inner{max-width:520px}.login-brand .brand-icon{width:110px;height:110px}.login-brand h1{font-size:45px;margin:18px 0 5px;letter-spacing:3px}.login-brand p{font-size:18px;color:#485a70}.login-box{display:grid;place-items:center;padding:40px}.login-card{width:min(400px,100%)}.login-card h2{font-size:29px;margin-bottom:8px}.login-card>p{color:var(--muted);margin-bottom:28px}.login-card .field{margin-bottom:15px}.login-card .btn{width:100%;margin-top:8px;padding:14px}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.full{grid-column:1/-1}.kv{display:grid;grid-template-columns:180px 1fr}.kv div{padding:11px;border-bottom:1px solid var(--line)}pre{white-space:pre-wrap;max-height:440px;overflow:auto;background:#f8fafc;padding:15px;border-radius:9px;color:#34445a}.mobile-menu{display:none}@media(max-width:1050px){.stats{grid-template-columns:repeat(2,1fr)}.stat:nth-child(even){border-right:0}.form-grid,.detail-grid{grid-template-columns:1fr}.full{grid-column:auto}}@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:transform .2s ease;box-shadow:var(--shadow)}.sidebar.open{transform:translateX(0)}.content{margin-left:0}.topbar{height:70px;padding:0 18px}.mobile-menu{display:block;font-size:22px}.main{padding:18px}.stats{grid-template-columns:1fr 1fr}.stat{padding:15px}.stat b{font-size:19px}.hero{padding:22px}.form-grid{grid-template-columns:1fr}.user>div:not(.avatar){display:none}.login-page{grid-template-columns:1fr}.login-brand{display:none}.login-box{padding:25px}.kv{grid-template-columns:1fr}}