/* dyshub — 校園系統整合入口（版面沿用 emms/ibon 卡片風格；藍色系） */
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Microsoft JhengHei','Microsoft YaHei','PingFang TC',sans-serif;color:#2b2b3a}

/* ===== 登入頁 ===== */
.hub-login{min-height:100vh;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,#3b7dd8 0%,#23408e 100%);padding:24px}
.login-wrap{width:100%;max-width:440px}
.login-card{background:#fff;border-radius:22px;box-shadow:0 24px 70px rgba(0,0,0,.35);overflow:hidden}
.lc-head{background:linear-gradient(135deg,#3b7dd8,#23408e);color:#fff;padding:38px 30px;text-align:center}
.lc-head h1{font-size:34px;font-weight:600;letter-spacing:1px}
.lc-head h1 b{font-weight:800}
.lc-head .sub{margin-top:6px;font-size:15px;opacity:.85}
.lc-body{padding:30px}
.msg{padding:13px 16px;border-radius:10px;margin-bottom:20px;font-size:15px;text-align:center}
.msg.error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}
.msg.warn{background:#fff3cd;border:1px solid #ffeeba;color:#856404}
.btn-google{display:flex;align-items:center;justify-content:center;gap:10px;
  padding:13px;border:2px solid #e0e0e0;border-radius:10px;text-decoration:none;color:#333;font-size:15px;transition:.2s}
.btn-google:hover{border-color:#3b7dd8;box-shadow:0 0 0 3px rgba(59,125,216,.12)}
.g-logo{width:20px;height:20px}
.note{margin-top:16px;font-size:13px;color:#aaa;text-align:center;line-height:1.7}

/* ===== 儀表板 ===== */
.hub-home{background:#f3f6fb;min-height:100vh}
.hub-top{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;
  background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.06);flex-wrap:wrap;gap:8px}
.hub-top .brand{font-size:18px}
.hub-top .brand b{color:#3b7dd8}
.hub-top .who{font-size:14px;color:#555}
.logout{margin-left:14px;color:#fff;background:#23408e;padding:6px 14px;border-radius:8px;text-decoration:none;font-size:13px}
.hub-main{max-width:980px;margin:0 auto;padding:28px 20px}
.hello{font-size:15px;color:#555}
.tiles{margin-top:22px;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}
.tile{background:#fff;border-radius:16px;padding:26px 18px;text-align:center;text-decoration:none;color:#333;
  box-shadow:0 6px 18px rgba(0,0,0,.06);transition:.2s;display:flex;flex-direction:column;align-items:center;gap:8px}
.tile:hover{transform:translateY(-3px);box-shadow:0 10px 26px rgba(59,125,216,.22)}
.tile .ic{font-size:38px}
.tile .tname{font-size:17px;font-weight:600}
.tile .tdesc{font-size:13px;color:#888;line-height:1.5}
.empty{margin-top:40px;text-align:center;color:#888;font-size:15px}

/* ===== 系統管理權限頁 ===== */
.backlink{color:#3b7dd8;text-decoration:none}
.panels{margin-top:22px;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}
.panel{background:#fff;border-radius:16px;padding:20px 22px;box-shadow:0 6px 18px rgba(0,0,0,.06)}
.panel h3{font-size:16px;margin-bottom:2px;color:#23408e}
.panel .src{font-size:12px;color:#aaa;margin-bottom:10px}
.panel table{width:100%;border-collapse:collapse;font-size:14px}
.panel th,.panel td{text-align:left;padding:6px 8px;border-bottom:1px solid #f0f2f7;color:#444}
.panel th{color:#888;font-weight:600;font-size:13px}
.panel .none{color:#aaa;font-size:13px}