:root{font-family:Inter,system-ui,sans-serif;color:#edf5f5;background:#07151b;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{border:0;border-radius:7px;background:#55d6af;color:#06231b;padding:9px 13px;font-weight:700;cursor:pointer}.secondary{background:#233845;color:#e8f5f1}a{color:#76e6c5;margin-left:8px}.shell{min-height:100vh;display:grid;grid-template-columns:220px 1fr}aside{padding:22px;background:#0b2029;border-right:1px solid #23404a}aside h1{color:#55d6af;margin:0}aside p{color:#a6b9c0;margin-top:4px}nav{display:grid;gap:5px;margin:28px 0}nav button{text-align:left;background:transparent;color:#dce9e8}nav .selected{background:#17434a;color:#79ebc7}.content{padding:26px;max-width:1400px;width:100%;overflow:auto}header{display:flex;gap:16px;align-items:center;justify-content:space-between}.file{color:#79ebc7}.file input{margin-left:8px}.notice{background:#193941;padding:10px;border-radius:6px}.cards{display:grid;grid-template-columns:repeat(4,minmax(130px,1fr));gap:16px}.cards article,.detail{background:#102730;border:1px solid #254752;border-radius:10px;padding:18px}.cards span{display:block;color:#a9c5c9}.cards strong{font-size:2rem}.table{overflow:auto;margin-top:18px}table{border-collapse:collapse;width:100%;min-width:720px}th,td{padding:10px;text-align:left;border-bottom:1px solid #254752;font-size:.88rem}td button{margin-right:6px}.login{max-width:420px;margin:12vh auto}.login h1{color:#55d6af}.login form,.dialog form{display:grid;gap:14px;background:#102730;padding:22px;border-radius:10px}.login label,.dialog label{display:grid;gap:6px}input,textarea,select{background:#07151b;color:#fff;border:1px solid #47707a;border-radius:6px;padding:9px}.error{color:#ffaaa0}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#000a;display:grid;place-items:center;padding:20px}.dialog{position:relative;background:#102730;border:1px solid #47707a;border-radius:10px;padding:24px;width:min(520px,100%)}.close{float:right;background:transparent;color:#fff;font-size:1.5rem}.detail{margin-top:20px}dl{display:grid;grid-template-columns:minmax(150px,30%) 1fr;gap:8px}dt{color:#9cc4c6;font-weight:700}dd{margin:0;word-break:break-word}@media(max-width:700px){.shell{grid-template-columns:1fr}aside{border-right:0}nav{display:flex;overflow:auto;margin:14px 0}.content{padding:16px}.cards{grid-template-columns:repeat(2,1fr)}header{align-items:flex-start;flex-direction:column}}