:root{--bg:#06111f;--panel:#0d2035;--panel2:#102941;--panel3:#07192a;--blue:#1f8cff;--cyan:#39c6ff;--text:#eef7ff;--muted:#9fb3c8;--green:#50e38a;--red:#ff5f56;--yellow:#ffd166;--line:#24435f}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:radial-gradient(circle at top right,#143b63,#06111f 45%);color:var(--text)}.app{display:grid;grid-template-columns:280px 1fr;min-height:100vh}.sidebar{background:#05101d;border-right:1px solid var(--line);padding:24px}.logo{font-size:34px;font-weight:700;letter-spacing:2px}.logo span{color:var(--blue)}.slogan,.sidebar-footer{color:var(--muted);font-size:13px;margin-top:6px}.menu{margin-top:35px}.menu a{display:block;text-decoration:none;padding:14px;margin-bottom:10px;border-radius:12px;background:#0b1b2c;color:#c9dbef}.menu a.active{background:linear-gradient(135deg,#0d68d8,#1f8cff);color:#fff}.sidebar-footer{margin-top:30px;text-align:center}.main{padding:28px}.topbar h1{margin:0;font-size:30px}.topbar p{color:var(--muted);margin-top:6px}.upload-card,.card,.metric{background:#0d2035f5;border:1px solid var(--line);border-radius:20px;box-shadow:0 14px 36px #00000040}.upload-card{padding:24px;margin:24px 0}.upload-box{border:2px dashed #2e638f;border-radius:18px;padding:28px;text-align:center;background:var(--panel3)}button{background:linear-gradient(135deg,#0d68d8,#28a8ff);color:#fff;border:none;padding:13px 22px;border-radius:12px;cursor:pointer;font-weight:700;margin-top:18px}button:hover{filter:brightness(1.1)}.loading{padding:15px;background:#112b45;border:1px solid #2f6fa7;border-radius:12px;margin-top:15px}.error-box{margin-top:15px;padding:14px;border-radius:12px;background:#401b22;border:1px solid #ad3a4a;color:#ffd0d6}.hidden{display:none!important}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.metric{padding:18px}.metric strong{display:block;font-size:26px;color:var(--cyan)}.metric span{color:var(--muted);font-size:13px}.layout{display:grid;grid-template-columns:1.15fr .85fr;gap:20px}.card{padding:22px;margin-bottom:20px}.card-highlight{border-color:#2f8fe8}.card h2{margin-top:0;font-size:20px;border-bottom:1px solid var(--line);padding-bottom:12px}.card h3{font-size:15px;margin:18px 0 8px;color:#b8d9ff}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.info-grid div{background:#081b2d;border:1px solid #1e3f5b;border-radius:12px;padding:12px}.info-grid .wide{grid-column:1/-1}.info-grid span{display:block;color:var(--muted);font-size:12px;margin-bottom:6px}.info-grid strong{font-size:15px;word-break:break-word}.status-line{margin-bottom:14px}.status-ok{display:inline-block;padding:7px 12px;border-radius:999px;background:#103d2a;border:1px solid #2aa86a;color:#a7ffc8}.status-warn{display:inline-block;padding:7px 12px;border-radius:999px;background:#45360e;border:1px solid #a88319;color:#ffe29a}.text-box{background:#081b2d;border:1px solid #1e3f5b;border-radius:14px;padding:14px;white-space:pre-line;line-height:1.55;color:#dcecff}.tag-list{margin-top:6px}.tag,.badge{display:inline-block;padding:7px 11px;border-radius:999px;background:#123c63;border:1px solid #2d78b3;margin:4px;font-size:13px}.tag.green{background:#103d2a;border-color:#2aa86a;color:#a7ffc8}.tag.yellow{background:#45360e;border-color:#a88319;color:#ffe29a}.tag.red{background:#4b1d22;border-color:#b33b4b;color:#ffc7ce}.people-list{display:grid;gap:10px}.person-card{background:#081b2d;border:1px solid #1e3f5b;border-radius:14px;padding:14px}.person-card strong{display:block;font-size:16px;color:#fff;margin-bottom:8px}.person-meta{color:var(--muted);font-size:13px;line-height:1.5}.depo-card{background:#081b2d;border:1px solid #1e3f5b;border-radius:14px;padding:14px;margin-bottom:12px}.depo-type{color:var(--cyan);font-weight:700;font-size:13px;margin-bottom:8px}.depo-text{color:#dcecff;line-height:1.5;font-size:14px}.text-list .item{background:#081b2d;border:1px solid #1e3f5b;border-radius:12px;padding:12px;margin-bottom:8px;line-height:1.45;color:#dcecff}.timeline{position:relative;padding-left:22px}.timeline:before{content:"";position:absolute;left:6px;top:4px;bottom:4px;width:2px;background:#2d5f88}.event{position:relative;margin-bottom:18px;padding-left:18px}.event:before{content:"";position:absolute;left:-21px;top:3px;width:12px;height:12px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px var(--cyan)}.event strong{color:#fff}.event span{color:var(--muted);display:block;margin-top:4px;font-size:13px}@media(max-width:1100px){.app{grid-template-columns:1fr}.sidebar{display:none}.layout{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.main{padding:16px}.metrics,.info-grid{grid-template-columns:1fr}}