:root{--bg:#06111f;--panel:#0d2036;--panel2:#102b49;--line:#1e456b;--txt:#e9f7ff;--muted:#9fb9cc;--green:#00d084;--yellow:#ffd23f;--red:#ff355e;--gray:#708090;--cyan:#31d8ff}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 30% 0,#14395d 0,#071522 45%,#030912 100%);color:var(--txt);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Yu Gothic",Meiryo,sans-serif}.topnav{display:flex;gap:8px;align-items:center;padding:10px 14px;background:#06101bcc;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.topnav a{color:#d8f4ff;text-decoration:none;padding:8px 12px;border:1px solid #244966;border-radius:10px;background:#0a2033}.topnav a:hover{background:#163b5e}.eos-shell{min-height:100vh;padding:14px}.eos-title{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--line);background:linear-gradient(180deg,#102b49,#081827);border-radius:18px;padding:14px 18px;box-shadow:0 0 24px #001c37}.eos-title h1{margin:0;font-size:24px;letter-spacing:.08em}.eos-sub{color:var(--muted);font-size:13px}.eos-main{display:grid;grid-template-columns:1fr 280px;gap:14px;margin-top:14px}.tile-grid{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px}.tile{position:relative;min-height:118px;border-radius:18px;border:2px solid var(--line);background:linear-gradient(180deg,var(--panel2),var(--panel));padding:14px;box-shadow:inset 0 0 22px #0008,0 8px 18px #0005;text-decoration:none;color:var(--txt);overflow:hidden}.tile:before{content:"";position:absolute;inset:0;border-radius:16px;opacity:.18}.tile .name{font-size:18px;font-weight:700;letter-spacing:.04em}.tile .value{font-size:28px;font-weight:800;margin-top:10px}.tile .status{position:absolute;right:12px;bottom:10px;font-weight:700}.tile .msg{font-size:12px;color:#c7dce8;margin-top:8px}.tile.green{border-color:var(--green)}.tile.green:before{background:var(--green)}.tile.yellow{border-color:var(--yellow)}.tile.yellow:before{background:var(--yellow)}.tile.red{border-color:var(--red)}.tile.red:before{background:var(--red)}.tile.gray{border-color:var(--gray);filter:saturate(.75)}.tile.gray:before{background:var(--gray)}.blink{animation:pulse 1.1s infinite}@keyframes pulse{0%,100%{box-shadow:0 0 10px #000,inset 0 0 18px #fff1}50%{box-shadow:0 0 28px currentColor,inset 0 0 28px #fff3}}.side{display:grid;gap:12px}.clock-card,.calendar-card,.status-card{border:1px solid var(--line);background:#071827cc;border-radius:18px;padding:16px;text-align:center;box-shadow:inset 0 0 20px #0008}.clock{font-size:42px;font-weight:800;color:#dff8ff}.date{font-size:18px;color:var(--muted)}.ops{display:flex;gap:12px;margin-top:14px;flex-wrap:wrap}.btn,.big-button,button,input[type=submit]{display:inline-block;border:1px solid #2a6b96;background:#123a5a;color:#fff;padding:10px 14px;border-radius:12px;text-decoration:none;cursor:pointer}.big-button{font-size:18px;padding:14px 20px}.center-card,.page{max-width:1100px;margin:24px auto;padding:22px;border:1px solid var(--line);background:#071827dd;border-radius:18px}.notice{padding:14px;border-radius:12px;margin:12px 0}.notice.warn{background:#4a3600;border:1px solid #a97b00}.notice.danger{background:#4a0916;border:1px solid #b72d48}.notice.ok{background:#073b2a;border:1px solid #0fbf7a}table{width:100%;border-collapse:collapse;margin-top:12px;background:#081a2a}th,td{border:1px solid #244966;padding:9px;text-align:left}th{background:#102d49}input,select,textarea{width:100%;padding:9px;border-radius:8px;border:1px solid #315b7c;background:#071522;color:#fff}label{display:block;margin-top:10px;color:#b9d4e5}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(240px,1fr));gap:12px}.admin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.admin-card{padding:18px;border-radius:16px;border:1px solid var(--line);background:#0a2033;text-decoration:none;color:#fff}.admin-card strong{display:block;font-size:20px;margin-bottom:8px}@media(max-width:900px){.eos-main{grid-template-columns:1fr}.tile-grid{grid-template-columns:repeat(2,minmax(140px,1fr))}.form-grid{grid-template-columns:1fr}}@media(max-width:520px){.tile-grid{grid-template-columns:1fr}.clock{font-size:32px}.topnav{overflow:auto}.eos-title{display:block}}