:root {
  color-scheme: light;
  --ink: #17243a;
  --muted: #76839a;
  --soft-muted: #98a3b4;
  --blue: #356ee6;
  --blue-dark: #1c438f;
  --line: #e5eaf1;
  --paper: #ffffff;
  --canvas: #f4f6fa;
  --shadow: 0 18px 55px rgba(27, 48, 83, .075);
  font-family: "Segoe UI", "Microsoft YaHei UI", "Noto Sans SC", sans-serif;
  color: var(--ink);
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

* { box-sizing: border-box; }
body {
  min-height: 100vh;
  margin: 0;
  background:
    radial-gradient(ellipse at 12% 8%, rgba(213, 227, 255, .48), transparent 32rem),
    radial-gradient(ellipse at 90% 66%, rgba(228, 235, 247, .62), transparent 34rem),
    var(--canvas);
}
button, input { font: inherit; }
button { -webkit-tap-highlight-color: transparent; }
.shell { width: min(1180px, calc(100% - 72px)); margin: 0 auto; }

.topbar {
  height: 88px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid rgba(219, 226, 237, .82);
}
.brand { display: inline-flex; align-items: center; gap: 12px; color: inherit; text-decoration: none; }
.brand-mark {
  width: 40px; height: 40px; display: grid; place-items: center;
  border: 1px solid rgba(255,255,255,.24); border-radius: 13px;
  color: #fff; font-size: 18px; font-weight: 700; letter-spacing: -.04em;
  background: linear-gradient(145deg, #4e86ed, #2457bd);
  box-shadow: 0 8px 18px rgba(48, 101, 207, .23), inset 0 1px rgba(255,255,255,.3);
}
.brand-copy { display: flex; flex-direction: column; gap: 4px; line-height: 1; }
.brand-copy strong { font-size: 14px; font-weight: 650; letter-spacing: .01em; }
.brand-copy small { color: #8793a8; font-size: 8px; font-weight: 650; letter-spacing: .2em; }
.page-nav { align-self: stretch; display: flex; align-items: center; gap: 5px; margin-left: auto; margin-right: 28px; }
.page-tab {
  position: relative; min-width: 74px; height: 40px; padding: 0 17px;
  border: 1px solid transparent; border-radius: 12px; background: transparent;
  color: #8a929e; font-size: 11px; font-weight: 500; cursor: pointer;
  transition: color .18s ease, background .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.page-tab:hover { color: #5d6674; background: rgba(255,255,255,.7); }
.page-tab.active {
  color: #626c7a; border-color: #e3e7ed; background: rgba(255,255,255,.82);
  box-shadow: 0 3px 10px rgba(41, 55, 78, .06);
}
.top-actions { display: flex; align-items: center; gap: 17px; }
.top-status { display: flex; align-items: center; gap: 9px; color: #76839a; font-size: 11px; }
.live-dot, .access-indicator { width: 7px; height: 7px; flex: 0 0 auto; border-radius: 50%; background: #38b889; }
.live-dot { box-shadow: 0 0 0 4px rgba(56,184,137,.11); }
.lang-toggle {
  min-width: 46px; height: 32px; padding: 0 10px;
  border: 1px solid #dce4ef; border-radius: 10px; background: rgba(255,255,255,.8);
  color: #52627b; font-size: 10px; font-weight: 700; cursor: pointer;
  transition: border-color .18s ease, color .18s ease, box-shadow .18s ease;
}
.lang-toggle:hover { border-color: #a9bfeb; color: var(--blue); box-shadow: 0 3px 10px rgba(53,110,230,.1); }

.welcome {
  min-height: 252px; position: relative; display: flex; align-items: center;
  overflow: hidden; margin: 30px 0 37px; padding: 38px 48px;
  border: 1px solid rgba(255,255,255,.96); border-radius: 24px;
  color: #1b2940;
  background:
    radial-gradient(circle at 79% 34%, rgba(148, 178, 230, .2), transparent 19rem),
    linear-gradient(110deg, #f7f8fa 0%, #f1f3f7 54%, #e9eff9 100%);
  box-shadow: 0 18px 42px rgba(45, 62, 91, .08), inset 0 1px rgba(255,255,255,.92);
}
.welcome::before, .welcome::after { content: ""; position: absolute; border-radius: 50%; pointer-events: none; }
.welcome::before { width: 410px; height: 410px; right: 80px; top: -250px; border: 1px solid rgba(102, 131, 183, .12); }
.welcome::after { width: 280px; height: 280px; right: 145px; bottom: -227px; border: 1px solid rgba(102, 131, 183, .12); }
.welcome-copy { position: relative; z-index: 1; }
.eyebrow, .section-kicker, .modal-kicker {
  font-size: 9px; font-weight: 700; letter-spacing: .19em;
}
.eyebrow { display: flex; align-items: center; gap: 10px; color: #52647f; }
.eyebrow-line { width: 24px; height: 1px; background: #7fa2df; }
.welcome h1 {
  margin: 19px 0 0; font-size: clamp(36px, 4.1vw, 48px); line-height: 1.17;
  font-weight: 620; letter-spacing: -.055em;
}
.welcome h1 span { color: #3f70c6; }
.welcome-art { position: absolute; width: 280px; height: 230px; top: 10px; right: 88px; }
.orbit { position: absolute; border: 1px solid rgba(93, 125, 183, .16); border-radius: 50%; }
.orbit-a { width: 248px; height: 142px; top: 45px; right: 10px; transform: rotate(-25deg); }
.orbit-b { width: 190px; height: 202px; top: 15px; right: 39px; transform: rotate(48deg); }
.art-core {
  position: absolute; left: 103px; top: 76px; width: 74px; height: 74px; display: grid; place-items: center;
  border: 1px solid rgba(255,255,255,.8); border-radius: 24px;
  background: linear-gradient(145deg, #a5c0f1, #789bde 65%, #5c80c2);
  box-shadow: 0 13px 32px rgba(48, 69, 109, .17), inset 0 1px rgba(255,255,255,.62);
  transform: rotate(-8deg);
}
.art-core span { color: #fff; font-size: 28px; font-weight: 700; transform: rotate(8deg); }
.art-core i { position: absolute; width: 9px; height: 9px; right: 9px; top: 9px; border: 2px solid #fff; border-radius: 50%; background: #7be0b6; }
.art-node {
  position: absolute; width: 35px; height: 35px; display: grid; place-items: center;
  border: 1px solid rgba(255,255,255,.88); border-radius: 12px;
  color: #657b9e; background: rgba(255,255,255,.68); backdrop-filter: blur(8px);
  box-shadow: 0 8px 20px rgba(44, 65, 102, .1); font-size: 13px;
}
.node-one { left: 40px; top: 52px; }
.node-two { right: 16px; top: 82px; color: #b18b4c; }
.node-three { left: 78px; bottom: 23px; color: #4e997c; }

.workspace-section { padding: 0 0 34px; }
.section-heading { display: flex; align-items: end; justify-content: space-between; margin: 0 0 17px; }
.section-kicker { color: #8b9ab1; font-size: 8px; letter-spacing: .2em; }
.section-heading h2 { margin: 6px 0 0; font-size: 21px; font-weight: 650; letter-spacing: -.035em; }
.workspace-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 17px; max-width: 100%; }
.personal-grid, .shared-grid { grid-template-columns: repeat(3, minmax(0,1fr)); max-width: 100%; }
.workspace-card {
  --tone: 55, 110, 230;
  position: relative; isolation: isolate; min-height: 190px; overflow: hidden;
  display: flex; flex-direction: column; padding: 21px 22px 17px;
  border: 1px solid #e4e9f1; border-radius: 17px; text-align: left; color: var(--ink);
  background: linear-gradient(145deg, #fff 0%, #fff 63%, rgba(var(--tone), .035) 100%);
  box-shadow: 0 4px 14px rgba(29, 48, 76, .025);
  cursor: pointer;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease, background-color .2s ease;
}
.workspace-card::after {
  position: absolute; z-index: -1; content: ""; width: 155px; height: 155px; right: -86px; top: -83px;
  border: 1px solid rgba(var(--tone), .09); border-radius: 50%;
  box-shadow: 0 0 0 18px rgba(var(--tone), .018), 0 0 0 37px rgba(var(--tone), .012);
  transition: transform .25s ease;
}
.workspace-card:hover, .workspace-card:focus-visible {
  transform: translateY(-4px); border-color: rgba(var(--tone), .26);
  box-shadow: 0 17px 34px rgba(29, 48, 76, .09), 0 4px 10px rgba(var(--tone), .04); outline: none;
}
.workspace-card:hover::after { transform: scale(1.08); }
.card-blue { --tone: 54, 117, 232; }
.card-violet { --tone: 130, 105, 221; }
.card-amber { --tone: 211, 148, 41; }
.card-green { --tone: 54, 160, 122; }
.card-rose { --tone: 213, 110, 126; }
.card-top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 22px; }
.icon-wrap {
  width: 45px; height: 45px; display: grid; place-items: center;
  border: 1px solid rgba(var(--tone), .1); border-radius: 14px;
  color: rgb(var(--tone)); background: rgba(var(--tone), .09);
  box-shadow: inset 0 1px rgba(255,255,255,.7);
}
.icon-wrap svg, .modal-symbol svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.arrow { color: #a6b0bf; font-size: 18px; transition: transform .2s ease, color .2s ease; }
.workspace-card:hover .arrow { color: rgb(var(--tone)); transform: translate(2px,-2px); }
.card-title { font-size: 17px; font-weight: 650; letter-spacing: -.02em; }
.card-description { margin-top: 6px; color: #8290a4; font-size: 11px; line-height: 1.5; }
.page-panel[hidden] { display: none; }

.modal-backdrop { position: fixed; z-index: 5; inset: 0; display: grid; place-items: center; padding: 20px; background: rgba(17, 29, 48, .58); backdrop-filter: blur(8px); }
.modal-backdrop[hidden], .workspace-view[hidden] { display: none; }
.login-modal {
  position: relative; width: min(410px, 100%); padding: 34px 35px 26px;
  border: 1px solid rgba(255,255,255,.78); border-radius: 21px; background: #fff;
  box-shadow: 0 28px 80px rgba(7, 20, 42, .25);
}
.modal-close { position: absolute; top: 14px; right: 16px; border: 0; background: transparent; color: #8a96a8; font-size: 24px; cursor: pointer; }
.modal-close:hover { color: var(--ink); }
.modal-symbol { width: 47px; height: 47px; display: grid; place-items: center; margin-bottom: 18px; border: 1px solid #e0eaff; border-radius: 15px; color: var(--blue); background: #edf3ff; }
.modal-kicker { color: #8194b2; font-size: 8px; }
.login-modal h2 { margin: 6px 0 3px; font-size: 23px; letter-spacing: -.035em; }
.modal-subtitle { margin: 0 0 23px; color: #77849a; font-size: 12px; }
.login-modal label { display: block; margin: 14px 0 7px; color: #526078; font-size: 11px; font-weight: 650; }
.login-modal input { width: 100%; height: 44px; padding: 0 13px; border: 1px solid #dfe5ee; border-radius: 10px; color: var(--ink); background: #fbfcfe; font-size: 12px; outline: none; transition: background .18s ease, border-color .18s ease, box-shadow .18s ease; }
.login-modal input:focus { border-color: #8aacee; background: #fff; box-shadow: 0 0 0 4px rgba(53,110,230,.1); }
.login-error { min-height: 16px; margin: 7px 0 0; color: #d45160; font-size: 11px; }
.submit-button, .back-button { width: 100%; height: 44px; border: 0; border-radius: 10px; color: #fff; background: linear-gradient(100deg, #3978e8, #2e64cf); font-size: 12px; font-weight: 650; cursor: pointer; box-shadow: 0 7px 16px rgba(53,110,230,.2); transition: transform .16s ease, box-shadow .16s ease; }
.submit-button:hover, .back-button:hover { transform: translateY(-1px); box-shadow: 0 10px 22px rgba(53,110,230,.26); }
.submit-button:disabled { cursor: wait; opacity: .75; }
.submit-button span[aria-hidden="true"] { margin-left: 6px; font-size: 16px; vertical-align: -1px; }
.login-hint { display: flex; align-items: center; gap: 7px; margin-top: 19px; padding-top: 15px; border-top: 1px solid #edf0f4; color: #8a95a8; font-size: 10px; }
.login-hint span:first-child { color: #5ca887; }

.workspace-view { position: fixed; z-index: 4; inset: 0; display: grid; place-items: center; padding: 25px; background: radial-gradient(ellipse at 50% 0%, #e4ecfb, transparent 58%), var(--canvas); }
.workspace-view-card { width: min(540px,100%); padding: 47px 42px; border: 1px solid #e3e9f2; border-radius: 22px; text-align: center; background: rgba(255,255,255,.92); box-shadow: var(--shadow); }
.success-mark { width: 48px; height: 48px; display: grid; place-items: center; margin: 0 auto 20px; border: 1px solid #d6f0e4; border-radius: 16px; color: #35a276; background: #eaf8f1; font-size: 20px; }
.workspace-view-card h1 { margin: 10px 0; font-size: 29px; letter-spacing: -.04em; }
.workspace-view-card p { color: #77849a; font-size: 13px; }
.signed-user { display: inline-block; margin: 14px 0 25px; padding: 9px 14px; border: 1px solid #e8edf4; border-radius: 20px; color: #6e7b90; background: #f7f9fc; font-size: 11px; }
.back-button { display: block; width: auto; min-width: 170px; margin: auto; padding: 0 20px; }

@media (max-width: 850px) {
  .shell { width: min(700px, calc(100% - 40px)); }
  .welcome { min-height: 238px; padding: 32px; }
  .welcome-art { right: 2px; opacity: .72; }
  .personal-grid, .shared-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 560px) {
  .shell { width: calc(100% - 30px); }
  .topbar { min-height: 70px; height: auto; flex-wrap: wrap; gap: 6px; padding: 10px 0; }
  .brand { margin-right: auto; }
  .brand-mark { width: 36px; height: 36px; border-radius: 12px; }
  .page-nav { order: 3; width: 100%; height: 39px; margin: 0; }
  .page-tab { flex: 1; min-width: 0; height: 35px; }
  .top-actions { margin-left: auto; }
  .top-status { display: none; }
  .welcome { min-height: 214px; margin: 19px 0 28px; padding: 27px 23px; border-radius: 20px; }
  .welcome h1 { margin-top: 15px; font-size: 35px; }
  .welcome-art { right: -125px; opacity: .33; }
  .workspace-section { padding-bottom: 24px; }
  .section-heading h2 { font-size: 19px; }
  .workspace-grid, .personal-grid { grid-template-columns: 1fr; gap: 11px; max-width: none; }
  .workspace-card { min-height: 164px; padding: 16px 17px 14px; border-radius: 15px; }
  .card-top { margin-bottom: 14px; }
  .icon-wrap { width: 39px; height: 39px; border-radius: 12px; }
  .card-title { font-size: 15px; }
  .card-description { font-size: 10px; }
  .card-foot { padding-top: 10px; }
  .login-modal { padding: 29px 23px 22px; }
  .workspace-view-card { padding: 38px 22px; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; }
}

/* Keep each workspace card's icon and label together as one centered unit. */
.workspace-card {
  display: grid;
  grid-template-columns: 52px minmax(0, 220px);
  grid-template-rows: min-content min-content;
  align-content: center;
  justify-content: center;
  column-gap: 17px;
  row-gap: 6px;
  padding: 28px;
}
.card-top { display: contents; }
.icon-wrap { grid-column: 1; grid-row: 1 / 3; align-self: center; width: 52px; height: 52px; }
.card-copy { grid-column: 2; grid-row: 1 / 3; display: flex; min-width: 0; flex-direction: column; align-self: center; }
.card-title { margin: 0; font-size: 17px; font-weight: 650; letter-spacing: -.02em; }
.card-title-en { margin-top: 3px; color: #8b97a9; font-size: 9px; font-weight: 600; letter-spacing: .055em; }
.card-description { max-width: 220px; margin: 8px 0 0; }
.arrow { position: absolute; top: 16px; right: 18px; }
@media (max-width: 560px) {
  .workspace-card { grid-template-columns: 45px minmax(0, 210px); column-gap: 14px; padding: 23px 16px; }
  .icon-wrap { width: 45px; height: 45px; }
}
@media (max-width: 380px) {
  .workspace-card { grid-template-columns: 42px minmax(0, 188px); column-gap: 12px; }
  .icon-wrap { width: 42px; height: 42px; }
}

.workspace-view { display: block; overflow: auto; padding: 0; background: radial-gradient(ellipse at 50% 0%, #e4ecfb, transparent 58%), var(--canvas); }
.module-shell { width: min(1120px, calc(100% - 64px)); min-height: 100vh; margin: auto; }
.module-topbar { height: 76px; display: flex; align-items: center; gap: 20px; border-bottom: 1px solid rgba(219,226,237,.82); }
.module-back, .module-language, .module-logout, .module-inline-back { border: 0; color: #68768b; background: transparent; cursor: pointer; font-size: 12px; }
.module-back { display: inline-flex; align-items: center; gap: 9px; padding: 9px 0; }
.module-account { display: flex; align-items: center; gap: 9px; margin-left: auto; color: #65738a; font-size: 11px; }
.module-avatar, .channel-avatar { display: grid; place-items: center; flex: 0 0 auto; width: 32px; height: 32px; border-radius: 11px; color: #376bbd; background: #e7efff; font-weight: 700; }
.module-actions { display: flex; align-items: center; gap: 13px; }
.module-language, .module-logout { padding: 8px 10px; border: 1px solid #e0e6ef; border-radius: 9px; background: rgba(255,255,255,.74); }
.module-content { padding: 54px 0 70px; }
.module-hero { margin: 0 0 33px; }
.module-hero.compact { margin: 18px 0 26px; }
.module-kicker { color: #7891b8; font-size: 9px; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; }
.module-hero h1 { margin: 10px 0 7px; color: #1b2940; font-size: clamp(30px, 4vw, 42px); letter-spacing: -.045em; }
.module-hero p { margin: 0; color: #8290a4; font-size: 12px; }
.module-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 17px; }
.module-card { --accent: 54,117,232; position: relative; display: flex; align-items: center; gap: 16px; min-height: 142px; padding: 22px; border: 1px solid #e2e8f1; border-radius: 17px; text-align: left; color: var(--ink); background: linear-gradient(145deg,#fff 0%,#fff 68%,rgba(var(--accent),.045) 100%); box-shadow: 0 7px 20px rgba(31,52,83,.035); cursor: pointer; transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease; }
.module-card:hover { transform: translateY(-3px); border-color: rgba(var(--accent),.26); box-shadow: 0 15px 30px rgba(31,52,83,.09); }
.tone-violet { --accent: 130,105,221; }.tone-green { --accent: 54,160,122; }
.module-icon { display: grid; place-items: center; width: 48px; height: 48px; flex: 0 0 auto; border: 1px solid rgba(var(--accent),.12); border-radius: 15px; color: rgb(var(--accent)); background: rgba(var(--accent),.09); font-size: 24px; }
.module-card-copy { display: flex; flex: 1; flex-direction: column; gap: 7px; min-width: 0; }
.module-card-copy b { font-size: 16px; }.module-card-copy small { color: #8290a4; font-size: 10px; line-height: 1.5; }
.module-arrow { color: #a4afbf; font-size: 17px; }
.channel-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.channel-card { display: flex; align-items: center; gap: 13px; min-height: 82px; padding: 15px 17px; border: 1px solid #e3e9f1; border-radius: 14px; text-align: left; color: var(--ink); background: rgba(255,255,255,.88); cursor: pointer; transition: transform .18s ease, box-shadow .18s ease; }
.channel-card:hover { transform: translateY(-2px); box-shadow: 0 10px 25px rgba(31,52,83,.08); }
.channel-card > span:nth-child(2) { display: flex; flex: 1; flex-direction: column; gap: 5px; }.channel-card b { font-size: 13px; }.channel-card small { color: #8793a6; font-size: 10px; }
.module-inline-back { padding: 0; color: #71819a; }.module-note, .resource-empty { margin-top: 22px; padding: 18px 20px; border: 1px solid #e5eaf1; border-radius: 13px; color: #8190a5; background: rgba(255,255,255,.62); font-size: 11px; }
.resource-empty { display: flex; min-height: 180px; align-items: center; justify-content: center; flex-direction: column; gap: 11px; text-align: center; }.resource-empty > span { display: grid; place-items: center; width: 52px; height: 52px; border-radius: 16px; color: #5a80c1; background: #eaf1ff; font-size: 23px; }.resource-empty b { color: #53637a; font-size: 13px; }.resource-empty small { color: #8995a7; font-size: 10px; }
.owner-sections { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; }.owner-section { display: flex; align-items: center; gap: 12px; min-height: 72px; padding: 14px; border: 1px solid #e4eaf2; border-radius: 13px; background: rgba(255,255,255,.9); }.owner-section b { flex: 1; font-size: 12px; }.section-number { color: #8ba5cf; font-size: 10px; font-weight: 700; letter-spacing: .08em; }
@media (max-width: 760px) { .module-grid { grid-template-columns: 1fr; }.module-card { min-height: 108px; }.owner-sections { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 560px) { .module-shell { width: calc(100% - 30px); }.module-topbar { height: 68px; gap: 10px; }.module-back span { display: none; }.module-account { font-size: 10px; }.module-actions { gap: 6px; }.module-language,.module-logout { padding: 7px; font-size: 10px; }.module-content { padding: 38px 0 50px; }.channel-grid,.owner-sections { grid-template-columns: 1fr; }.module-hero h1 { font-size: 31px; } }

.data-metrics { display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); gap: 10px; margin: 0 0 27px; }
.data-metric { min-height: 86px; padding: 15px 16px; border: 1px solid #e3e9f1; border-radius: 14px; background: rgba(255,255,255,.86); box-shadow: 0 4px 14px rgba(30,52,82,.025); }
.data-metric small { display: block; overflow: hidden; color: #8491a4; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.data-metric strong { display: block; margin-top: 9px; color: #26364f; font-size: 22px; font-weight: 650; letter-spacing: -.04em; }
.metric-green strong { color: #2d9975; }.metric-violet strong { color: #7562be; }.metric-amber strong { color: #bf8b31; }.metric-rose strong { color: #c85e70; }.metric-slate strong { color: #526783; }
.module-subheading,.owner-section-heading,.owner-page-heading { display: flex; align-items: end; justify-content: space-between; gap: 15px; margin: 28px 0 14px; }
.module-subheading h2,.owner-section-heading h2 { margin: 6px 0 0; font-size: 19px; letter-spacing: -.035em; }
.owner-summary-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; margin-bottom: 27px; }
.owner-summary-card { display: flex; align-items: center; gap: 13px; min-height: 75px; padding: 13px 16px; border: 1px solid #e2e8f1; border-radius: 14px; text-align: left; background: rgba(255,255,255,.88); cursor: pointer; transition: transform .18s ease,box-shadow .18s ease; }
.owner-summary-card:hover { transform: translateY(-2px); box-shadow: 0 10px 24px rgba(31,52,83,.08); }
.admin-order-lookup { margin: 16px 0 14px; padding: 18px; border: 1px solid #dce6f2; border-radius: 15px; background: linear-gradient(125deg,rgba(243,248,255,.96),rgba(255,255,255,.95)); }
.admin-order-lookup-heading { display:flex; align-items:center; justify-content:space-between; gap:14px; margin-bottom:14px; }
.admin-order-lookup-heading h3 { margin:5px 0 0; color:#34445e; font-size:16px; letter-spacing:-.02em; }
.admin-order-lookup-heading p { margin:6px 0 0; color:#8793a6; font-size:11px; }
.lookup-icon { display:grid; place-items:center; flex:none; width:38px; height:38px; border:1px solid #dce6f2; border-radius:12px; color:#4e78b6; background:#fff; font-size:23px; }
.admin-order-lookup-field { display:flex; flex-direction:column; gap:6px; color:#718097; font-size:10px; }
.admin-order-lookup-field input { width:100%; height:42px; padding:0 13px; border:1px solid #d8e2ef; border-radius:10px; outline:none; color:#34445e; background:#fff; font:inherit; font-size:13px; }
.admin-order-lookup-field input:focus { border-color:#7da3d6; box-shadow:0 0 0 3px rgba(94,139,199,.13); }
.admin-order-lookup-results { display:grid; gap:10px; margin-top:13px; }
.admin-order-lookup-results[hidden] { display:none; }
.admin-order-lookup-count { color:#72829a; font-size:11px; }
.admin-order-lookup-hit { padding:14px; border:1px solid #e3eaf3; border-radius:12px; background:rgba(255,255,255,.96); }
.admin-order-lookup-hit-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; margin-bottom:12px; }
.admin-order-lookup-hit-heading>div>span,.admin-order-lookup-facts span { display:block; margin-bottom:5px; color:#8a97aa; font-size:10px; }
.admin-order-lookup-hit-heading h4 { margin:0 0 4px; color:#2e405a; font-size:15px; }
.admin-order-lookup-hit-heading small { color:#8a97aa; font-size:10px; }
.admin-order-lookup-facts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
.admin-order-lookup-facts>div { min-width:0; padding:9px 10px; border:1px solid #edf0f5; border-radius:9px; background:#fafbfd; }
.admin-order-lookup-facts b { display:block; overflow-wrap:anywhere; color:#465a77; font-size:11px; font-weight:600; }
.admin-order-lookup-detail { margin-top:11px; }
.admin-order-lookup-empty { padding:14px; border:1px dashed #dbe3ed; border-radius:10px; color:#8592a5; background:#fff; font-size:12px; text-align:center; }
@media(max-width:650px){.admin-order-lookup{padding:14px;}.admin-order-lookup-facts{grid-template-columns:repeat(2,minmax(0,1fr));}}
.owner-summary-name { display:flex; flex:1; flex-direction:column; gap:5px; min-width:0; }.owner-summary-name b { color:#34435c; font-size:12px; }.owner-summary-name small { color:#8793a6; font-size:9px; }.owner-summary-total { color:#526783; font-size:12px; font-weight:650; }
.owner-page-heading { align-items:center; margin: 0 0 19px; }.owner-page-heading h1 { margin:7px 0 0; font-size:34px; letter-spacing:-.04em; }.owner-role-pill { padding:7px 11px; border:1px solid #dfe7f2; border-radius:18px; color:#6d7d94; background:rgba(255,255,255,.65); font-size:10px; }
.owner-module-nav { display:flex; gap:6px; margin-bottom:26px; padding:5px; border:1px solid #e1e7ef; border-radius:13px; background:rgba(255,255,255,.68); }
.owner-module-nav button { display:flex; align-items:center; justify-content:center; gap:8px; flex:1; min-height:39px; border:1px solid transparent; border-radius:9px; color:#7c899c; background:transparent; cursor:pointer; font-size:11px; }
.owner-module-nav button span { font-size:15px; }.owner-module-nav button.active { border-color:#e1e7ef; color:#3c66a8; background:#fff; box-shadow:0 3px 9px rgba(40,57,82,.06); }
.owner-section-heading { align-items:end; margin: 0 0 15px; }.owner-section-heading p { margin:6px 0 0; color:#8793a6; font-size:11px; }.data-count { display:inline-flex; align-items:center; justify-content:center; min-width:32px; height:27px; padding:0 9px; border:1px solid #e1e7ef; border-radius:16px; color:#6e7f97; background:#fff; font-size:10px; }
.order-filters { display:flex; gap:9px; margin: 15px 0 12px; }.order-filters input,.order-filters select,.year-picker select { height:36px; padding:0 11px; border:1px solid #e0e6ef; border-radius:9px; color:#596982; background:rgba(255,255,255,.92); font:inherit; font-size:10px; outline:none; }.order-filters input { flex:1; min-width:140px; }.order-filters input:focus,.order-filters select:focus,.year-picker select:focus { border-color:#9bb7e9; box-shadow:0 0 0 3px rgba(53,110,230,.08); }
.order-table-wrap { overflow:auto; border:1px solid #e1e7ef; border-radius:13px; background:rgba(255,255,255,.94); box-shadow:0 5px 17px rgba(32,51,79,.025); }
.order-table { width:100%; min-width:970px; border-collapse:collapse; text-align:left; font-size:10px; }.order-table th { position:sticky; top:0; padding:12px 11px; color:#718098; background:#f6f8fb; font-weight:650; white-space:nowrap; }.order-table td { padding:11px; border-top:1px solid #edf0f4; color:#637189; white-space:nowrap; }.order-table tbody tr:hover { background:#f8faff; }.order-table .order-student { min-width:130px; white-space:normal; }.order-student b { display:block; max-width:185px; color:#34435b; font-size:10px; font-weight:650; }.order-student small { display:block; margin-top:4px; color:#9aa5b4; font-size:9px; }.order-state { display:inline-flex; align-items:center; padding:4px 7px; border-radius:10px; font-size:9px; }.state-green { color:#298261; background:#e9f7f0; }.state-blue { color:#4772bd; background:#edf3ff; }.state-amber { color:#a97a24; background:#fff6e6; }.state-rose { color:#bb5869; background:#fff0f1; }
.empty-state { display:grid; place-items:center; min-height:130px; border:1px dashed #dce3ed; border-radius:13px; color:#8995a7; background:rgba(255,255,255,.55); font-size:11px; }
.year-picker { display:flex; align-items:center; gap:9px; color:#7e8ba0; font-size:10px; }.year-picker select { min-width:82px; }
.settlement-total { display:flex; align-items:baseline; gap:9px; padding:19px 22px; border:1px solid #dfe7f2; border-radius:15px; background:linear-gradient(110deg,#fff,#f3f7ff); }.settlement-total small { margin-right:auto; color:#77869c; font-size:10px; }.settlement-total strong { color:#365f9f; font-size:29px; letter-spacing:-.04em; }.settlement-total span { color:#9aa5b5; font-size:10px; }
.settlement-chart { display:flex; align-items:stretch; gap:9px; height:130px; margin:16px 0; padding:14px 17px 8px; border:1px solid #e3e9f1; border-radius:13px; background:rgba(255,255,255,.78); }.settlement-bar-item { display:flex; flex:1; flex-direction:column; align-items:center; gap:7px; min-width:0; }.settlement-bar-track { display:flex; align-items:end; justify-content:center; flex:1; width:100%; }.settlement-bar-track i { width:min(22px,65%); min-height:3px; border-radius:5px 5px 2px 2px; background:linear-gradient(180deg,#90b2ed,#5c83c7); }.settlement-bar-item small { color:#8a96a8; font-size:8px; white-space:nowrap; }.settlement-table { min-width:500px; }.settlement-table tfoot th { padding:12px 11px; border-top:1px solid #e5eaf1; color:#4d5e77; background:#f7f9fc; text-align:left; font-size:10px; }
@media(max-width:900px){.data-metrics{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media(max-width:560px){.data-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}.data-metric{min-height:75px;padding:12px;}.data-metric strong{font-size:20px;}.owner-summary-grid{grid-template-columns:1fr;}.owner-module-nav{gap:2px;padding:4px;}.owner-module-nav button{gap:5px;font-size:10px;}.owner-module-nav button span{display:none;}.order-filters{flex-wrap:wrap;}.order-filters input{flex-basis:100%;}.owner-page-heading h1{font-size:29px;}.settlement-total{gap:6px;padding:16px;}.settlement-total strong{font-size:24px;}}
.primary-small { min-height:34px; padding:0 13px; border:1px solid #d8e4f7; border-radius:9px; color:#3768ae; background:#f1f6ff; cursor:pointer; font-size:10px; font-weight:650; }.primary-small:hover { border-color:#a9c0e8; background:#e9f1ff; }.primary-small:disabled { opacity:.65; cursor:wait; }.table-edit { padding:5px 8px; border:1px solid #e2e8f0; border-radius:7px; color:#5278b6; background:#fff; cursor:pointer; font-size:9px; }
.editor-backdrop { position:fixed; z-index:8; inset:0; display:grid; place-items:center; overflow:auto; padding:20px; background:rgba(17,29,48,.48); backdrop-filter:blur(6px); }.order-editor { position:relative; width:min(680px,100%); max-height:calc(100vh - 40px); overflow:auto; padding:27px; border:1px solid rgba(255,255,255,.85); border-radius:18px; background:#fff; box-shadow:0 25px 70px rgba(12,27,50,.24); }.order-editor h2 { margin:7px 0 19px; font-size:22px; }.editor-close { position:absolute; top:17px; right:19px; border:0; color:#8793a6; background:none; cursor:pointer; font-size:23px; }.editor-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:13px; }.editor-grid label { display:flex; flex-direction:column; gap:6px; color:#687790; font-size:10px; }.editor-grid input { width:100%; height:38px; padding:0 10px; border:1px solid #e0e6ef; border-radius:8px; color:#35445d; background:#fbfcfe; font:inherit; font-size:11px; outline:none; }.editor-grid input:focus { border-color:#98b4e8; box-shadow:0 0 0 3px rgba(53,110,230,.08); }.editor-error { min-height:16px; margin:10px 0 3px; color:#bf5364; font-size:10px; }.editor-save { display:block; min-width:100px; margin-left:auto; }.settlement-input { width:78px; height:30px; padding:0 8px; border:1px solid #e3e9f1; border-radius:7px; color:#56667e; background:#fff; font:inherit; font-size:10px; }.settlement-actions { display:flex; justify-content:flex-end; align-items:center; gap:12px; margin-top:12px; }.settlement-actions span { color:#bd5867; font-size:10px; }
@media(max-width:560px){.editor-grid{grid-template-columns:1fr;}.order-editor{padding:23px 18px;}.settlement-input{width:72px;}}
.daily-block { margin:0 0 12px; padding:16px 17px 5px; border:1px solid #e2e9f2; border-radius:15px; background:linear-gradient(120deg,rgba(255,255,255,.96),rgba(242,247,255,.9)); }
.daily-heading { display:flex; align-items:center; justify-content:space-between; margin-bottom:12px; }.daily-heading h2 { margin:5px 0 0; color:#33445f; font-size:16px; letter-spacing:-.02em; }.daily-window { color:#8b97a9; font-size:9px; }
.daily-metrics { grid-template-columns:repeat(4,minmax(0,1fr)); margin-bottom:10px; }.daily-metrics .data-metric { min-height:70px; padding:11px 13px; background:rgba(255,255,255,.8); }.daily-metrics .data-metric strong { margin-top:6px; font-size:20px; }
.daily-table-wrap { overflow:auto; margin:0 0 23px; border:1px solid #e2e8f0; border-radius:12px; background:rgba(255,255,255,.88); }.daily-table { min-width:720px; }.daily-table th { padding:10px 11px; }.daily-table td { padding:9px 11px; }.daily-empty { margin:0 0 22px; padding:12px 15px; border:1px dashed #dfe5ed; border-radius:11px; color:#8995a7; background:rgba(255,255,255,.56); font-size:10px; }
@media(max-width:700px){.daily-metrics{grid-template-columns:repeat(2,minmax(0,1fr));}.daily-block{padding:13px 12px 3px;}}
:root { --order-table-lavender: 187,176,210; }
.summary-metrics { grid-template-columns:repeat(5,minmax(0,1fr)); }
.order-table th { color:#584e69; background:rgba(var(--order-table-lavender),.2); }
.order-table tbody tr:nth-child(even) { background:rgba(var(--order-table-lavender),.2); }
.order-table tbody tr:hover { background:#b9d2ff; }
@media(max-width:900px){.summary-metrics{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media(max-width:560px){.summary-metrics{grid-template-columns:repeat(2,minmax(0,1fr));}}
.data-metric { min-height:108px; background:rgba(255,255,255,.8); }
.data-metric small { color:#687790; font-size:15px; font-weight:750; line-height:1.25; white-space:normal; }
.summary-metrics .data-metric small { opacity:.8; }
.daily-metrics .data-metric { min-height:100px; background:rgba(255,255,255,.8); }
.daily-metrics .data-metric small { font-size:15px; font-weight:750; }
.order-table th { color:rgba(88,78,105,.8); font-size:15px; font-weight:800; text-align:center; vertical-align:middle; }
.order-table td { text-align:center; vertical-align:middle; }
.order-table .order-student b,.order-table .order-student small { text-align:center; }
.order-table input { text-align:center; }
@media(max-width:700px){.data-metric small,.daily-metrics .data-metric small,.order-table th{font-size:13px;}}
body { font-size:clamp(13px,calc(12px + .25vw),15px); }
.module-content { font-size:clamp(13px,calc(12px + .25vw),15px); }
.order-table { font-size:12px; }
.order-table th { font-size:clamp(13px,calc(12px + .25vw),15px); }
.order-table td,.order-table .order-student b,.order-table .order-student small,.order-table .order-state,.order-table input,.order-table .table-edit { font-size:12px; }
.order-table .order-id { min-width:56px; color:#56657b; font-weight:650; }
@media(max-width:700px){.order-table th{font-size:13px;}}
.order-manage-table-wrap { overflow:visible; }
.order-manage-table-wrap .order-table { width:100%; min-width:0; table-layout:fixed; }
.order-manage-table-wrap .order-table th,.order-manage-table-wrap .order-table td { padding:8px 4px; white-space:normal; overflow-wrap:anywhere; }
.order-manage-table-wrap .order-table .order-student { min-width:0; }
.order-manage-table-wrap .order-table th:nth-child(1),.order-manage-table-wrap .order-table td:nth-child(1) { width:5%; }
.order-manage-table-wrap .order-table th:nth-child(2),.order-manage-table-wrap .order-table td:nth-child(2) { width:10%; }
.order-manage-table-wrap .order-table th:nth-child(3),.order-manage-table-wrap .order-table td:nth-child(3) { width:12%; }
.order-manage-table-wrap .order-table th:nth-child(4),.order-manage-table-wrap .order-table td:nth-child(4) { width:7%; }
.order-manage-table-wrap .order-table th:nth-child(5),.order-manage-table-wrap .order-table td:nth-child(5) { width:12%; }
.order-manage-table-wrap .order-table th:nth-child(6),.order-manage-table-wrap .order-table td:nth-child(6) { width:7%; }
.order-manage-table-wrap .order-table th:nth-child(7),.order-manage-table-wrap .order-table td:nth-child(7) { width:6%; }
.order-manage-table-wrap .order-table th:nth-child(8),.order-manage-table-wrap .order-table td:nth-child(8) { width:8%; }
.order-manage-table-wrap .order-table th:nth-child(9),.order-manage-table-wrap .order-table td:nth-child(9) { width:6%; }
.order-manage-table-wrap .order-table th:nth-child(10),.order-manage-table-wrap .order-table td:nth-child(10) { width:8%; }
.order-manage-table-wrap .order-table th:nth-child(11),.order-manage-table-wrap .order-table td:nth-child(11) { width:9%; }
.order-manage-table-wrap .order-table th:nth-child(12),.order-manage-table-wrap .order-table td:nth-child(12) { width:10%; }
.order-manage-table-wrap .table-edit { width:100%; min-width:0; padding:6px 3px; white-space:nowrap; }
@media(max-width:900px){
  .order-manage-table-wrap { overflow:visible; border:0; background:transparent; box-shadow:none; }
  .order-manage-table-wrap .order-table,.order-manage-table-wrap .order-table tbody { display:block; width:100%; min-width:0; }
  .order-manage-table-wrap .order-table thead { display:none; }
  .order-manage-table-wrap .order-table tbody { display:grid; gap:10px; }
  .order-manage-table-wrap .order-table tbody tr { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:5px; padding:8px; border:1px solid #e1e7ef; border-radius:12px; background:rgba(var(--order-table-lavender),.2); }
  .order-manage-table-wrap .order-table tbody tr:hover { background:#b9d2ff; }
  .order-manage-table-wrap .order-table tbody td { display:flex; flex-direction:column; justify-content:flex-start; min-width:0; padding:7px 8px; border:0; border-bottom:1px solid rgba(120,132,151,.14); border-radius:7px; text-align:left; background:transparent; }
  .order-manage-table-wrap .order-table tbody td::before { content:attr(data-label); display:block; margin-bottom:4px; color:#75839a; font-size:11px; font-weight:700; }
  .order-manage-table-wrap .order-table tbody td.order-id { width:auto; }
  .order-manage-table-wrap .order-table tbody td.order-student { width:auto; }
  .order-manage-table-wrap .order-table tbody td.action-cell { grid-column:1 / -1; flex-direction:row; justify-content:flex-end; align-items:center; }
  .order-manage-table-wrap .order-table tbody td.action-cell::before { margin:0 auto 0 0; }
  .order-manage-table-wrap .table-edit { width:auto; min-width:78px; padding:7px 12px; }
}

.order-totals { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:9px; margin:12px 0 24px; padding:12px; border:1px solid #e1e7ef; border-radius:13px; background:rgba(255,255,255,.82); }
.order-total-chip { display:flex; align-items:center; justify-content:space-between; gap:8px; min-width:0; padding:9px 11px; border-radius:9px; background:#f5f7fb; }
.order-total-chip small { color:#748197; font-size:11px; }.order-total-chip b { color:#344967; font-size:14px; }
.delivery-visual { margin:15px 0 24px; padding:17px; border:1px solid #e1e8f2; border-radius:15px; background:linear-gradient(125deg,rgba(255,255,255,.97),rgba(239,245,255,.92)); }
.delivery-visual-heading { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:14px; color:#364964; font-size:13px; }.delivery-visual-heading span { color:#8090a7; font-size:11px; }
.delivery-days { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:10px; }
.delivery-day-card { display:flex; flex-direction:column; align-items:center; min-width:0; min-height:154px; padding:12px 8px 10px; border:1px solid #e4eaf2; border-radius:12px; background:rgba(255,255,255,.82); }
.delivery-day-card.is-today { border-color:#b6ccef; background:linear-gradient(160deg,#fff,#f0f5ff); box-shadow:0 5px 14px rgba(71,112,176,.08); }
.delivery-day-label { color:#556783; font-size:11px; font-weight:700; }.delivery-date-label { margin-top:3px; color:#98a3b3; font-size:10px; }
.delivery-bar-track { display:flex; align-items:end; justify-content:center; width:100%; height:53px; margin:8px 0 6px; border-bottom:1px solid #e9edf3; }
.delivery-bar-track i { width:min(27px,52%); min-height:4px; border-radius:7px 7px 2px 2px; background:linear-gradient(180deg,#9dbbef,#5e84c7); transition:height .2s ease; }
.delivery-day-card.is-today .delivery-bar-track i { background:linear-gradient(180deg,#87aaeb,#4778c5); }
.delivery-day-card strong { color:#344967; font-size:17px; }.delivery-day-card small { margin-top:3px; color:#8995a7; font-size:9px; text-align:center; }
@media(max-width:700px){.order-totals{grid-template-columns:repeat(2,minmax(0,1fr));}.delivery-days{grid-template-columns:repeat(5,minmax(76px,1fr));overflow-x:auto;padding-bottom:4px;}.delivery-day-card{min-height:145px;padding-inline:5px;}.delivery-day-card small{font-size:8px;}}

.order-filters { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:15px 0 12px; }
.order-filters input { flex:1; min-width:180px; }.order-filter-selects { display:flex; gap:9px; margin-left:auto; }.order-filter-selects select { min-width:125px; }
.order-filter-selects select,.order-filters input { height:38px; padding:0 12px; border:1px solid #dfe6f0; border-radius:9px; color:#53647e; background:rgba(255,255,255,.94); font:inherit; font-size:12px; }
.table-detail { padding:6px 10px; border:1px solid #d8e3f4; border-radius:7px; color:#426eaf; background:#f4f8ff; font:inherit; cursor:pointer; white-space:nowrap; }.table-detail:hover { background:#e6efff; }
.delivery-simple-list { display:grid; gap:7px; margin:15px 0 23px; padding:12px; border:1px solid #e1e8f2; border-radius:13px; background:rgba(255,255,255,.8); }
.delivery-simple-row { display:grid; grid-template-columns:minmax(90px,1fr) auto auto; align-items:center; gap:10px; min-height:42px; padding:7px 11px; border-radius:8px; color:#63728a; background:#f7f9fc; }.delivery-simple-row:first-child { color:#426aa8; background:#edf4ff; }.delivery-simple-row strong { min-width:33px; color:#354a68; font-size:16px; text-align:right; }.delivery-simple-row small { min-width:72px; color:#8996a9; font-size:11px; }
.detail-facts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin:17px 0; }.detail-facts>div { display:flex; flex-direction:column; gap:6px; min-width:0; padding:13px 15px; border:1px solid #e3e9f1; border-radius:11px; background:rgba(255,255,255,.84); }.detail-facts small { color:#8793a6; font-size:11px; }.detail-facts b { overflow-wrap:anywhere; color:#394c69; font-size:13px; font-weight:650; }
.detail-panel { margin:15px 0; padding:18px; border:1px solid #e1e7ef; border-radius:14px; background:rgba(255,255,255,.86); }.detail-panel-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:12px; }.detail-panel-heading h2 { margin:5px 0 0; color:#34445e; font-size:17px; }
.file-drop { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:6px; min-height:112px; border:1px dashed #b8c8df; border-radius:12px; color:#59708f; background:#f7faff; cursor:pointer; text-align:center; }.file-drop strong { font-size:13px; }.file-drop span { color:#8997aa; font-size:11px; }.file-drop.dragover { border-color:#6f98d5; background:#edf4ff; }.upload-status { min-height:18px; margin:7px 0; color:#6680a5; font-size:11px; }
.attachment-list { display:grid; gap:7px; }.attachment-item { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:10px 12px; border:1px solid #e7ebf1; border-radius:9px; color:#476994; background:#fff; text-decoration:none; }.attachment-item span { overflow-wrap:anywhere; font-size:12px; }.attachment-item small { flex:none; color:#929daf; font-size:10px; }.detail-empty { padding:13px; color:#8b97a9; font-size:11px; text-align:center; }
.comment-list { display:grid; gap:9px; }.comment-item { padding:11px 13px; border-radius:10px; background:#f6f8fb; }.comment-item>div { display:flex; justify-content:space-between; gap:10px; }.comment-item b { color:#4b5d77; font-size:11px; }.comment-item time { color:#9aa4b2; font-size:10px; }.comment-item p { margin:7px 0 0; color:#596982; font-size:12px; white-space:pre-wrap; overflow-wrap:anywhere; }.comment-form { display:grid; grid-template-columns:1fr auto; align-items:end; gap:10px; margin-top:12px; }.comment-form textarea { width:100%; resize:vertical; padding:10px 12px; border:1px solid #dfe6ef; border-radius:9px; color:#4a5d78; background:#fff; font:inherit; font-size:12px; }.comment-form button { min-width:95px; }
@media(max-width:650px){.order-filters{align-items:stretch;flex-direction:column;}.order-filters input{width:100%;min-width:0;}.order-filter-selects{width:100%;margin:0;}.order-filter-selects select{flex:1;min-width:0;}.detail-facts{grid-template-columns:repeat(2,minmax(0,1fr));}.comment-form{grid-template-columns:1fr;}.comment-form button{justify-self:end;}.delivery-simple-row{grid-template-columns:1fr auto auto;}}

.progress-due-summary { display:flex; align-items:center; justify-content:flex-start; margin:14px 0 23px; padding:17px 20px; border:1px solid #dfe7f2; border-radius:13px; background:linear-gradient(110deg,rgba(255,255,255,.96),rgba(239,245,255,.88)); }
.progress-due-summary>div { display:flex; align-items:baseline; gap:10px; }.progress-due-summary small { color:#6d7e97; font-size:13px; font-weight:650; }.progress-due-summary strong { margin-left:8px; color:#3e6eaf; font-size:30px; line-height:1; }.progress-due-summary span { color:#8592a5; font-size:12px; }

.delivery-excel-options { display:grid; grid-template-columns:1fr 190px; gap:12px; align-items:end; margin-top:14px; }.delivery-excel-options[hidden]{display:none;}.delivery-excel-options label { display:flex; flex-direction:column; gap:6px; color:#718097; font-size:11px; }.delivery-excel-options select,.delivery-excel-options input { width:100%; height:38px; padding:0 10px; border:1px solid #dfe6ef; border-radius:8px; color:#4f6079; background:#fff; font:inherit; font-size:12px; }.delivery-detection { grid-column:1 / -1; display:flex; align-items:center; gap:22px; padding:13px 15px; border:1px solid #e0e8f2; border-radius:10px; background:#f7faff; }.delivery-detection>div { display:flex; align-items:baseline; gap:8px; }.delivery-detection span,.delivery-detection small { color:#8290a4; font-size:11px; }.delivery-detection b { color:#3c679f; font-size:18px; }.delivery-excel-options>button { grid-column:1 / -1; justify-self:end; }.delivery-excel-panel .upload-status { margin-top:11px; }
.delivery-excel-name { max-width:min(92%,720px); padding:4px 9px; border-radius:7px; color:#476c9e; background:#eaf1fc; font-size:11px; font-style:normal; overflow-wrap:anywhere; }
.delivery-download-panel { margin-top:15px; }.delivery-download-list { display:grid; gap:9px; margin:10px 0 14px; }.delivery-download-row { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:12px; padding:11px 12px; border:1px solid #e2e9f2; border-radius:10px; background:#f9fbfe; cursor:pointer; }.delivery-download-row>input { accent-color:#477dc2; }.delivery-download-row:has(input:checked) { border-color:#83a6d6; background:#f2f7ff; }.delivery-download-meta { display:flex; min-width:0; flex-direction:column; gap:4px; }.delivery-download-meta b { color:#435571; font-size:12px; overflow-wrap:anywhere; }.delivery-download-meta small { color:#8a97a9; font-size:10px; }.delivery-download-state { font-size:11px; white-space:nowrap; }.delivery-download-state.is-downloaded { color:#438063; }.delivery-download-state.is-pending { color:#9a7b3c; }.download-rename-fields { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:11px; margin-top:14px; }.download-rename-fields label { display:flex; min-width:0; flex-direction:column; gap:7px; padding:10px; border:1px solid #e4eaf2; border-radius:10px; color:#53647d; font-size:13px; font-weight:750; }.download-rename-fields label:nth-child(n) { background:#f0f5fc; border-color:#dce6f4; }.download-rename-fields input { width:100%; height:39px; padding:0 10px; border:1px solid #d5dfec; border-radius:8px; color:#344760; background:rgba(255,255,255,.9); font:inherit; font-size:13px; font-weight:500; }.download-name-preview { grid-column:1/-1; margin:0; padding:10px 12px; border-radius:8px; color:#53647d; background:#f3f6fa; font-size:12px; overflow-wrap:anywhere; }.delivery-bottom-actions { display:flex; align-items:center; gap:14px; margin-top:14px; }.delivery-bottom-actions .upload-status { margin:0; }
@media(max-width:600px){.delivery-excel-options{grid-template-columns:1fr;}.delivery-detection{grid-column:1;flex-wrap:wrap;gap:12px;}.delivery-excel-options>button{grid-column:1;justify-self:end;}}
@media(max-width:700px){.delivery-download-row{grid-template-columns:auto minmax(0,1fr);}.delivery-download-state{grid-column:2;grid-row:2;}.download-rename-fields{grid-template-columns:1fr 1fr;}.download-name-preview{grid-column:1/-1;}.delivery-bottom-actions{align-items:flex-start;flex-direction:column;}}

.comment-list { max-height:420px; overflow:auto; padding:3px 5px 8px; scroll-behavior:smooth; }.comment-item { width:min(92%,760px); border:1px solid #e6ebf2; }.comment-item.is-mine { margin-left:auto; border-color:#d7e4f7; background:#eef4ff; }.comment-item.is-other { margin-right:auto; background:#f6f8fb; }.comment-author { display:flex; align-items:center; gap:8px; }.comment-author em { padding:3px 7px; border-radius:9px; color:#637995; background:#e9eef5; font-size:9px; font-style:normal; font-weight:650; }.is-mine .comment-author em { color:#426da9; background:#dce9fb; }

.detail-panel-note { margin:7px 0 0; color:#8996a9; font-size:11px; line-height:1.5; }

.initial-screening-panel { display:flex; align-items:center; justify-content:space-between; gap:16px; background:linear-gradient(110deg,rgba(255,255,255,.97),rgba(242,247,255,.9)); }.initial-screening-toggle { display:flex; align-items:flex-start; gap:12px; cursor:pointer; }.initial-screening-toggle input { width:18px; height:18px; margin:1px 0 0; accent-color:#4d7dc1; }.initial-screening-toggle span { display:flex; flex-direction:column; gap:5px; }.initial-screening-toggle b { color:#455c7b; font-size:13px; }.initial-screening-toggle small,.screening-save-status { color:#8996a9; font-size:11px; }.initial-screening-section { margin:0 0 20px; }.initial-screening-section .module-subheading { margin-top:20px; }

.admin-portal-tabs { display:flex; gap:7px; margin:0 0 20px; padding:5px; border:1px solid #e1e7ef; border-radius:12px; background:rgba(255,255,255,.7); }
.admin-portal-tabs button { min-height:38px; padding:0 17px; border:0; border-radius:8px; color:#748197; background:transparent; cursor:pointer; font:inherit; font-size:12px; font-weight:650; }
.admin-portal-tabs button.active { color:#355f9d; background:#eaf1fc; box-shadow:0 2px 7px rgba(50,89,145,.08); }
.allocation-toolbar { display:flex; align-items:end; gap:12px; margin:14px 0 18px; padding:13px 15px; border:1px solid #e2e8f1; border-radius:12px; background:rgba(255,255,255,.8); }
.allocation-toolbar label { display:flex; flex-direction:column; gap:5px; min-width:150px; color:#748197; font-size:10px; }
.allocation-toolbar select { height:35px; padding:0 10px; border:1px solid #dfe6f0; border-radius:8px; color:#53647e; background:#fff; font:inherit; font-size:11px; }
.allocation-toolbar>span { margin-left:auto; color:#63748d; font-size:11px; }
.dispatch-pools { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); align-items:stretch; gap:12px; }
.unassigned-orders { margin:0 0 15px; transition:background .15s,border-color .15s; }.unassigned-orders.is-dragover { border-color:#85a8dc; background:#edf4ff; }
.unassigned-orders>header { display:flex; align-items:center; gap:9px; margin:0 0 9px; color:#526782; font-size:12px; }
.unassigned-orders>header span { display:grid; place-items:center; min-width:25px; height:25px; padding:0 7px; border-radius:14px; color:#4d6f9f; background:#e7effc; font-size:10px; font-weight:700; }
.unassigned-order-list { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); align-items:start; gap:9px; }
.allocation-list-hint { margin:-5px 0 12px; color:#8794a7; font-size:10px; line-height:1.55; }
.allocation-orders-table .order-table { min-width:860px; }
.allocation-orders-table th,.allocation-orders-table td { text-align:center; }
.allocation-orders-table .allocation-order-row { cursor:grab; transition:background .12s,box-shadow .12s; }
.allocation-orders-table .allocation-order-row:hover { background:#edf4ff; box-shadow:inset 3px 0 #6e99d7; }
.allocation-orders-table .allocation-order-row:active { cursor:grabbing; }
.allocation-orders-table .allocation-order-row.is-simulation { background:#fffdf8; }
.allocation-orders-table .allocation-order-row.is-simulation:hover { background:#edf4ff; }
.degree-pill { display:inline-flex; align-items:center; justify-content:center; min-width:58px; padding:4px 8px; border-radius:12px; font-size:9px; font-weight:700; }
.degree-pill.is-phd { color:#416ba7; background:#eaf1fc; }
.degree-pill.is-non-phd { color:#758094; background:#f0f2f5; }
.allocation-no-orders { padding:19px 10px; color:#9aa5b4; text-align:center; }
.dispatch-pool { min-width:0; overflow:hidden; border:1px solid #e0e7f0; border-radius:14px; background:rgba(255,255,255,.9); box-shadow:0 5px 16px rgba(48,79,123,.045); }
.dispatch-pool>header { display:flex; align-items:center; justify-content:space-between; gap:10px; min-height:68px; padding:10px 14px; border-bottom:1px solid #e9edf3; background:linear-gradient(110deg,#f8faff,#f2f6fc); }
.dispatch-pool>header>div { display:flex; flex-direction:column; gap:4px; }.dispatch-pool>header b { color:#425772; font-size:13px; }.dispatch-pool>header small { color:#909bad; font-size:10px; }
.dispatch-pool>header>.dispatch-pool-totals { display:flex; flex-direction:row; align-items:center; gap:7px; }
.dispatch-pool-totals>span { display:flex; align-items:baseline; gap:4px; padding:5px 8px; border-radius:9px; color:#4d6f9f; background:#e7effc; white-space:nowrap; }
.dispatch-pool-totals>span b { color:#3f6295; font-size:12px; font-variant-numeric:tabular-nums; }
.dispatch-pool-totals>span small { color:#7286a4; font-size:9px; }
.pool-blue>header { background:linear-gradient(110deg,#f1f6ff,#e8f0fc); }.pool-violet>header { background:linear-gradient(110deg,#f6f3ff,#efebfa); }.pool-green>header { background:linear-gradient(110deg,#f0faf6,#e9f5ef); }.pool-amber>header { background:linear-gradient(110deg,#fff8ed,#faf1e3); }
.dispatch-pool-dropzone { display:flex; flex-direction:column; gap:8px; min-height:210px; max-height:480px; overflow:auto; padding:12px; border:2px dashed transparent; transition:background .15s,border-color .15s; }
.dispatch-pool-dropzone.is-dragover { border-color:#85a8dc; background:#edf4ff; }
.dispatch-pool-empty { display:grid; place-items:center; min-height:150px; border:1px dashed #e0e6ef; border-radius:10px; color:#a0aaba; font-size:11px; }
.dispatch-order-card { padding:7px 9px; border:1px solid #e4eaf2; border-radius:10px; color:#53647d; background:#fff; box-shadow:0 2px 6px rgba(46,72,110,.04); cursor:grab; }
.dispatch-order-card:hover { border-color:#c1d2eb; box-shadow:0 5px 13px rgba(48,85,140,.09); }.dispatch-order-card.is-dragging { opacity:.42; }.dispatch-order-title { display:flex; justify-content:space-between; gap:8px; align-items:center; }.dispatch-order-title b { overflow:hidden; color:#3f536f; font-size:12px; text-overflow:ellipsis; white-space:nowrap; }.dispatch-order-title small { display:flex; align-items:center; gap:5px; color:#98a3b3; font-size:9px; }.simulation-badge { padding:2px 5px; border-radius:6px; color:#876e3d; background:#f7f0df; font-size:8px; font-style:normal; font-weight:750; letter-spacing:.04em; }.dispatch-order-card.is-simulation { border-style:dashed; border-color:#e5d7b7; background:#fffdf8; }
.dispatch-order-meta { display:flex; justify-content:flex-start; gap:8px; margin-top:4px; color:#8390a3; font-size:10px; }.dispatch-order-card select { width:100%; height:26px; margin-top:5px; padding:0 8px; border:1px solid #e1e7ef; border-radius:7px; color:#62738b; background:#fafbfd; font:inherit; font-size:10px; cursor:pointer; }
.allocation-actions { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:14px 0 25px; padding:14px 16px; border:1px solid #e2e8f1; border-radius:12px; background:rgba(255,255,255,.82); color:#738198; font-size:11px; }.allocation-actions>div { display:flex; gap:8px; }
.dispatch-order-card select:focus,.allocation-toolbar select:focus { border-color:#91afda; outline:3px solid rgba(80,125,190,.1); }
.intake-panel { padding:20px; }.intake-file-actions,.intake-actions,.intake-import-row { display:flex; align-items:center; gap:10px; }
.intake-section-heading { display:flex; align-items:center; gap:11px; margin:0 0 13px; }.intake-section-heading>div { display:flex; flex:1; flex-direction:column; gap:4px; }.intake-section-heading>div>b { color:#425772; font-size:12px; }.intake-section-heading>div>small { color:#8996a9; font-size:10px; }.intake-step { display:grid; place-items:center; width:29px; height:29px; flex:0 0 29px; border-radius:10px; color:#5279b3; background:#eaf1fc; font-size:10px; font-weight:750; }.manual-intake-entry { margin-top:14px; padding:17px 20px; }.manual-intake-entry .intake-section-heading { margin:0; }
.intake-added-folders { margin:12px 0 3px; padding:11px 12px; border:1px solid #e6ebf2; border-radius:10px; background:#fafbfd; }.intake-added-folders>b { display:block; margin-bottom:8px; color:#6f7e93; font-size:10px; font-weight:650; }.intake-added-folders>div { display:flex; flex-wrap:wrap; gap:7px; }.intake-folder-chip { display:inline-flex; align-items:center; gap:8px; min-height:30px; max-width:100%; padding:4px 6px 4px 9px; border:1px solid #e3e9f1; border-radius:8px; color:#536780; background:#fff; }.intake-folder-chip strong { overflow:hidden; max-width:min(38vw,300px); font-size:10px; font-weight:650; text-overflow:ellipsis; white-space:nowrap; }.intake-folder-chip small { flex:none; color:#8794a7; font-size:9px; white-space:nowrap; }.intake-folder-chip button { display:grid; place-items:center; width:20px; height:20px; border:0; border-radius:6px; color:#91a0b3; background:#f1f4f8; cursor:pointer; font:inherit; line-height:1; }.intake-folder-chip button:hover { color:#b14f60; background:#f9e9ec; }
.intake-file-button { display:inline-flex; align-items:center; justify-content:center; min-height:36px; cursor:pointer; text-decoration:none; }
.secondary-small { min-height:34px; padding:0 13px; border:1px solid #dce3ed; border-radius:9px; color:#61718a; background:#f7f9fc; cursor:pointer; font:inherit; font-size:10px; font-weight:650; }.secondary-small:hover { background:#eff3f8; }.secondary-small:disabled { opacity:.65; cursor:wait; }
.danger-small { border-color:#f0d5d5; color:#a04444; background:#fff8f8; }.danger-small:hover { border-color:#e8bcbc; background:#fff0f0; }
.order-detail-actions { display:flex; align-items:center; gap:8px; }
.intake-file-count { margin-left:auto; color:#7c899c; font-size:11px; }
.intake-drop { min-height:118px; margin:16px 0 7px; }.intake-drop span { max-width:760px; padding:0 16px; }
.intake-panel.is-folder-dragover { border-color:#84a6d7; background:#f3f7fd; }.intake-panel.is-folder-dragover .intake-drop { border-style:solid; border-color:#6f98d5; background:#edf4ff; }
.intake-actions { justify-content:flex-end; }.intake-actions .upload-status { flex:1; }
.intake-preview { margin-top:18px; }.intake-table-wrap table { min-width:960px; }
.intake-import-row { justify-content:space-between; flex-wrap:wrap; gap:12px; margin-top:14px; color:#77869a; font-size:11px; }.intake-import-row .intake-actions { margin-left:auto; }
.intake-status { display:inline-block; padding:4px 8px; border-radius:8px; white-space:nowrap; font-size:10px; font-weight:650; }.intake-status.is-ready { color:#2e8065; background:#e9f7f1; }.intake-status.is-blocked { color:#987243; background:#fbf2e5; }
.pending-dispatch-panel { margin-top:20px; }.pending-filter-row { display:flex; gap:10px; margin:13px 0; }.pending-filter-row label { display:flex; flex-direction:column; gap:5px; color:#718097; font-size:10px; }.pending-filter-row select,.dispatch-owner-select { min-width:130px; height:34px; padding:0 9px; border:1px solid #dfe6f0; border-radius:8px; color:#53647e; background:#fff; font:inherit; font-size:11px; }.pending-dispatch-table table { min-width:850px; }.pending-dispatch-table td { vertical-align:middle; }
@media(max-width:900px){.unassigned-order-list{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(min-width:651px) and (max-width:1100px){.dispatch-pools{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:650px){.admin-portal-tabs{width:100%;}.admin-portal-tabs button{flex:1;padding-inline:8px;}.intake-file-actions{align-items:stretch;flex-direction:column;}.intake-file-count{margin:0;}.intake-actions{align-items:stretch;flex-direction:column;}.intake-actions .upload-status{margin:0;}.intake-import-row{align-items:stretch;flex-direction:column;}.intake-import-row .intake-actions{width:100%;margin:0;}.pending-filter-row{flex-direction:column;}.pending-filter-row select{width:100%;}.allocation-toolbar{align-items:stretch;flex-direction:column;}.allocation-toolbar label{min-width:0;}.allocation-toolbar>span{margin-left:0;}.unassigned-order-list{grid-template-columns:1fr;}.dispatch-pools{grid-template-columns:1fr;}.allocation-actions{align-items:stretch;flex-direction:column;}.allocation-actions>div{width:100%;}.allocation-actions button{flex:1;}}

.tools-hero { margin-bottom:22px; }
.tools-toolbar { display:flex; align-items:center; justify-content:space-between; gap:14px; margin:20px 0 14px; padding:0 2px; }
.tools-toolbar>div { display:flex; align-items:baseline; gap:10px; }.tools-toolbar b { color:#3d4f69; font-size:14px; }.tools-toolbar span { color:#8a96a8; font-size:11px; }
.tools-secure-label { display:flex; align-items:center; gap:7px; }.tools-secure-label i,.tool-status i { width:7px; height:7px; border-radius:50%; background:#40aa82; box-shadow:0 0 0 3px rgba(64,170,130,.12); }
.tools-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(min(100%,290px),1fr)); gap:15px; }
.tool-item-card { display:flex; min-height:250px; flex-direction:column; padding:20px; border:1px solid #e1e8f1; border-radius:16px; background:linear-gradient(145deg,#fff 0%,#fbfcfe 100%); box-shadow:0 7px 22px rgba(47,67,100,.045); transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease; }
.tool-item-card:hover { transform:translateY(-2px); border-color:#cbd9ec; box-shadow:0 12px 27px rgba(47,67,100,.085); }
.tool-card-top { display:flex; align-items:center; justify-content:space-between; }.tool-product-icon { display:grid; width:43px; height:43px; place-items:center; border:1px solid #dce8fa; border-radius:13px; color:#4a75b3; background:linear-gradient(145deg,#edf4ff,#f8faff); font-size:23px; }
.tool-status { display:flex; align-items:center; gap:7px; padding:6px 9px; border:1px solid #deeee8; border-radius:20px; color:#49846d; background:#f1faf6; font-size:10px; font-weight:650; }.tool-status i { width:6px; height:6px; box-shadow:none; }
.tool-card-copy { flex:1; padding:17px 0 15px; }.tool-category { color:#8290a5; font-size:9px; font-weight:750; letter-spacing:.1em; }.tool-card-copy h2 { margin:7px 0 8px; color:#354762; font-size:18px; letter-spacing:-.02em; }.tool-card-copy p { max-width:440px; margin:0; color:#77869b; font-size:11px; line-height:1.75; }
.tool-card-actions { display:flex; align-items:center; gap:17px; padding-top:14px; border-top:1px solid #edf0f5; }.tool-open-button,.tool-guide-open { display:inline-flex; align-items:center; justify-content:center; gap:12px; min-height:37px; padding:0 14px; border:0; border-radius:9px; color:#fff; background:#4d79b8; cursor:pointer; font:inherit; font-size:11px; font-weight:650; box-shadow:0 4px 10px rgba(72,113,174,.17); }.tool-open-button:hover,.tool-guide-open:hover { background:#416da9; }.tool-open-button span,.tool-guide-open span { font-size:14px; }
.tool-create-form { padding:18px 20px 13px; border:1px solid #dfe7f1; border-radius:14px; background:rgba(255,255,255,.8); }.tool-create-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:13px; }.tool-create-heading>div { display:grid; gap:5px; }.tool-create-heading b { color:#40536e; font-size:13px; }.tool-create-heading>span { color:#8c98a9; font-size:10px; }
.tool-create-fields { display:grid; grid-template-columns:minmax(150px,.8fr) minmax(240px,1.4fr) minmax(180px,1fr) auto; gap:10px; align-items:end; }.tool-create-fields label { display:grid; gap:6px; color:#718097; font-size:10px; }.tool-create-fields input { width:100%; height:36px; min-width:0; padding:0 10px; border:1px solid #dfe6ef; border-radius:8px; color:#4f6079; background:#fff; font:inherit; font-size:11px; }.tool-create-fields input:focus { border-color:#91afda; outline:3px solid rgba(80,125,190,.1); }.tool-create-fields .tool-open-button { white-space:nowrap; }.tool-create-status { min-height:15px; margin-top:7px; color:#8794a7; font-size:10px; }
.tool-open-button { text-decoration:none; }.tool-open-button:hover { color:#fff; text-decoration:none; }.tool-guide-link { display:inline-flex; align-items:center; gap:7px; padding:0; border:0; color:#5878a7; background:none; cursor:pointer; font:inherit; font-size:10px; font-weight:650; text-decoration:none; }.tool-guide-link:hover { color:#345f9b; text-decoration:underline; }.tool-video-admin { display:grid; gap:7px; margin-top:12px; padding-top:11px; border-top:1px solid #edf0f5; }.tool-video-admin small { color:#8996a9; font-size:9px; }.tool-video-admin .tool-guide-link { justify-self:start; }.tool-video-admin .tool-guide-link span { font-size:14px; }
.tool-videos { display:grid; gap:9px; margin-top:8px; padding-top:13px; border-top:1px solid #edf0f5; }.tool-videos h3 { margin:0; color:#5e708a; font-size:11px; }.tool-video-entry { display:grid; gap:7px; }.tool-video-entry video { display:block; width:100%; max-height:270px; border-radius:9px; background:#18202d; }.tool-video-entry>div { display:flex; justify-content:space-between; gap:8px; }.tool-video-entry b { overflow:hidden; color:#536780; font-size:10px; text-overflow:ellipsis; white-space:nowrap; }.tool-video-entry small { color:#96a1b0; font-size:9px; white-space:nowrap; }.tool-videos-empty { margin-top:9px; color:#a0aaba; font-size:10px; }.tool-catalog-loading,.tool-catalog-empty { display:grid; place-items:center; gap:9px; min-height:145px; color:#8996a9; font-size:11px; text-align:center; }.tool-catalog-empty { padding:20px; border:1px dashed #dce4ef; border-radius:14px; background:rgba(255,255,255,.58); }.tool-catalog-empty>span { display:grid; width:40px; height:40px; place-items:center; border-radius:13px; color:#6484b1; background:#edf3fb; font-size:22px; }.tool-catalog-empty b { color:#596c86; font-size:12px; }.tool-catalog-empty small { color:#8996a9; font-size:10px; }.tool-item-card .tool-card-actions .tool-open-button { min-width:125px; }
@media(max-width:900px){.tool-create-fields{grid-template-columns:repeat(2,minmax(0,1fr));}.tool-create-fields .tool-open-button{justify-self:start;}}
@media(max-width:620px){.tools-toolbar{align-items:flex-start;flex-direction:column;gap:8px;}.tool-create-form{padding:16px;}.tool-create-fields{grid-template-columns:1fr;}.tool-create-fields .tool-open-button{width:100%;}.tool-create-heading{align-items:flex-start;flex-direction:column;gap:6px;}.tool-video-entry>div{align-items:flex-start;flex-direction:column;gap:3px;}}
.tool-card-copy h2 a { color:inherit; text-decoration:none; }.tool-card-copy h2 a:hover { color:#416da9; text-decoration:underline; }.tool-not-published { display:inline-flex; align-items:center; min-height:36px; padding:0 12px; border:1px solid #e3e9f1; border-radius:9px; color:#9aa5b3; font-size:10px; }
.tool-latest-package { display:grid; gap:4px; margin-top:11px; padding:10px 11px; border:1px solid #e6edf5; border-radius:9px; background:#f8fafd; }.tool-latest-package b { color:#566a85; font-size:10px; }.tool-latest-package span,.tool-latest-package small { overflow-wrap:anywhere; color:#8693a6; font-size:9px; }.tool-package-history { margin-top:8px; padding-top:9px; border-top:1px solid #edf0f5; }.tool-package-history summary { color:#62758e; cursor:pointer; font-size:10px; font-weight:650; }.tool-package-row { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:9px 0; border-bottom:1px solid #f0f2f6; }.tool-package-row>div { display:grid; min-width:0; gap:3px; }.tool-package-row b { color:#536780; font-size:10px; }.tool-package-row span,.tool-package-row small { overflow:hidden; color:#8a96a8; font-size:9px; text-overflow:ellipsis; white-space:nowrap; }.tool-package-row a { flex:none; color:#4d75ad; font-size:10px; font-weight:650; text-decoration:none; }.tool-package-row a:hover { text-decoration:underline; }
.tool-admin-block { display:grid; gap:7px; margin-top:12px; padding-top:11px; border-top:1px solid #edf0f5; }.tool-admin-title { color:#687991; font-size:10px; font-weight:700; }.tool-upload-line { display:flex; align-items:center; gap:9px; }.tool-upload-line input[type="text"] { width:130px; height:30px; padding:0 8px; border:1px solid #dfe6ef; border-radius:7px; color:#4f6079; background:#fff; font:inherit; font-size:10px; }.tool-admin-block>small { overflow-wrap:anywhere; color:#8996a9; font-size:9px; line-height:1.5; }
.tools-list { display:grid; grid-template-columns:1fr; gap:9px; }
.tool-row { overflow:hidden; border:1px solid #e1e8f1; border-radius:13px; background:rgba(255,255,255,.88); box-shadow:0 4px 15px rgba(47,67,100,.035); }
.tool-row-header { display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:82px; padding:13px 17px; }
.tool-row-identity { display:flex; align-items:center; gap:13px; min-width:0; }.tool-row-number { display:grid; width:38px; height:38px; flex:0 0 38px; place-items:center; border:1px solid #dce8fa; border-radius:11px; color:#4a75b3; background:linear-gradient(145deg,#edf4ff,#f8faff); font-size:12px; font-weight:750; }
.tool-row-identity>div { min-width:0; }.tool-row-identity h2 { margin:0 0 4px; color:#354762; font-size:15px; }.tool-row-identity p { overflow:hidden; max-width:720px; margin:0; color:#8490a2; font-size:10px; text-overflow:ellipsis; white-space:nowrap; }
.tool-row-title-link { color:inherit; text-decoration:none; }.tool-row-title-link:hover { color:#416da9; text-decoration:underline; }.tool-row-title-text { font-weight:700; }
.tool-row-controls { display:flex; align-items:center; justify-content:flex-end; gap:9px; flex:0 0 auto; }.tool-row-action { display:inline-flex; align-items:center; justify-content:center; min-height:32px; padding:0 10px; border:1px solid #dce5f1; border-radius:8px; color:#526f98; background:#f8faff; font-size:10px; font-weight:650; text-decoration:none; white-space:nowrap; }.tool-row-action:hover { border-color:#c9d8ed; color:#345f9b; background:#f0f5fc; }.tool-row-action.is-download { border-color:#d7e5f7; color:#fff; background:#4d79b8; }.tool-row-action.is-download:hover { color:#fff; background:#416da9; }
.tool-row-toggle { display:inline-flex; align-items:center; justify-content:center; gap:8px; height:32px; padding:0 11px; border:0; border-radius:8px; color:#697a91; background:#f2f5f9; cursor:pointer; font:inherit; font-size:10px; font-weight:650; line-height:1; white-space:nowrap; }.tool-row-toggle:hover { color:#426da9; background:#eaf1fc; }.tool-row-toggle span { display:flex; align-items:center; line-height:1; }.tool-row-toggle i { display:block; width:7px; height:7px; flex:0 0 7px; margin-top:-3px; border-right:1.6px solid #7b8da5; border-bottom:1.6px solid #7b8da5; transform:rotate(45deg); transition:transform .16s ease; }.tool-row-toggle[aria-expanded="true"] i { margin-top:3px; transform:rotate(225deg); }
.tool-row-body { display:grid; gap:10px; padding:0 17px 17px 68px; border-top:1px solid #edf0f5; }.tool-row-body[hidden] { display:none; }.tool-row-body .tool-latest-package { margin-top:13px; }.tool-row-body .tool-package-history { padding-top:12px; }.tool-row-body .tool-videos { margin-top:2px; }
@media(max-width:720px){.tool-row-header{align-items:flex-start;flex-direction:column;gap:11px;padding:14px;}.tool-row-controls{width:100%;justify-content:flex-start;flex-wrap:wrap;}.tool-row-identity p{white-space:normal;}.tool-row-body{padding:0 14px 14px;}}

/* Toolbox readability: keep secondary text between 10px and 12px. */
.tool-row-identity p { font-size:12px; }
.tool-row-action,.tool-row-toggle,.tool-guide-link { font-size:11px; }
.tool-latest-package b,.tool-package-history summary,.tool-package-row b,.tool-videos h3,.tool-video-entry b,.tool-admin-title { font-size:12px; }
.tool-latest-package span,.tool-latest-package small,.tool-package-row span,.tool-package-row small,.tool-admin-block>small,.tool-video-entry small { font-size:10px; }
.tool-package-row a { font-size:11px; }
.tool-admin-block .tool-upload-line input[type="text"] { font-size:11px; }
.tool-videos-empty,.tool-create-heading>span,.tool-create-fields label,.tool-create-status { font-size:11px; }
.tool-create-fields input { font-size:12px; }
.order-file-grid { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.4fr); align-items:stretch; gap:14px; }
.order-package-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }.order-package-slot { display:flex; min-width:0; flex-direction:column; align-items:flex-start; gap:8px; padding:13px; border:1px solid #e3e9f1; border-radius:11px; background:#fbfcfe; }.order-package-slot>b { color:#425571; font-size:12px; }.order-package-slot>small { max-width:100%; color:#8491a4; font-size:10px; overflow-wrap:anywhere; }.order-package-slot .order-package-status { min-height:14px; color:#6680a5; }.order-package-actions { display:flex; align-items:center; gap:12px; margin-top:12px; }.order-package-actions>small,.order-package-feedback { color:#8794a7; font-size:10px; }.order-package-feedback { min-height:14px; margin:8px 0 0; }
.demand-txt-panel { display:flex; flex-direction:column; align-items:flex-start; gap:12px; }
.demand-txt-panel .detail-panel-heading { width:100%; }
.demand-file-status { color:#8592a5; font-size:11px; line-height:1.5; overflow-wrap:anywhere; }
.demand-download-link[aria-disabled="true"] { opacity:.55; pointer-events:none; }
@media(max-width:850px){.order-file-grid{grid-template-columns:1fr;}.order-package-grid{grid-template-columns:1fr;}.order-package-actions{align-items:flex-start;flex-direction:column;gap:6px;}}
.teaching-search-panel { margin:18px 0 22px; }
.teaching-search-form { display:flex; align-items:center; gap:10px; }
.teaching-search-form input { flex:1; min-width:0; height:40px; padding:0 13px; border:1px solid #dfe6ef; border-radius:9px; color:#33445c; background:#fff; font:inherit; }
.teaching-search-results { margin-top:15px; border-top:1px solid #edf0f5; }
.teaching-search-heading { padding:12px 0 7px; color:#7c899c; font-size:11px; font-weight:700; }
.teaching-search-result { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:12px 4px; border-bottom:1px solid #edf0f5; }
.teaching-select-control { display:inline-flex; align-items:center; gap:7px; flex:none; color:#536780; font-size:11px; cursor:pointer; }
.teaching-select-control input { width:17px; height:17px; accent-color:#5279b3; }
.teaching-board-section { margin-top:21px; }
.teaching-board-list { display:grid; gap:12px; margin-top:13px; }
.teaching-order-card { display:grid; gap:10px; padding:16px 18px; border:1px solid #e6ebf2; border-radius:12px; background:#fff; }
.teaching-order-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:14px; }
.teaching-order-info { min-width:0; display:grid; gap:5px; }
.teaching-order-info h3 { margin:0; color:#32445e; font-size:15px; }
.teaching-order-info span,.teaching-order-info small,.teaching-upload-status { color:#8491a4; font-size:11px; line-height:1.5; overflow-wrap:anywhere; }
.teaching-upload-control { flex:none; }
.teaching-video-entry { display:grid; grid-template-columns:minmax(180px,300px) minmax(0,1fr); align-items:center; gap:12px; padding-top:10px; border-top:1px solid #edf0f5; }
.teaching-video-entry video { display:block; width:100%; max-height:190px; border-radius:8px; background:#111; }
.teaching-video-entry>div { display:grid; gap:5px; min-width:0; }
.teaching-video-entry b { color:#435671; font-size:12px; overflow-wrap:anywhere; }
.teaching-video-entry small { color:#8a96a8; font-size:10px; overflow-wrap:anywhere; }
@media(max-width:700px){.teaching-search-form{align-items:stretch;flex-direction:column;}.teaching-search-form button{align-self:flex-start;}.teaching-search-result,.teaching-order-heading{align-items:flex-start;flex-direction:column;}.teaching-video-entry{grid-template-columns:1fr;}}
.teaching-order-actions { display:flex; align-items:center; gap:8px; flex:none; }
.teaching-detail-top { display:grid; gap:14px; margin:0 0 18px; }
.teaching-detail-top h1 { margin:3px 0 0; color:#2d405b; font-size:24px; }
.teaching-detail-facts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin-bottom:16px; }
.teaching-detail-facts>div { display:grid; gap:6px; min-width:0; padding:13px 15px; border:1px solid #e7ecf3; border-radius:10px; background:#fff; }
.teaching-detail-facts small { color:#8996a9; font-size:10px; }
.teaching-detail-facts b { color:#425772; font-size:12px; overflow-wrap:anywhere; }
.teaching-detail-videos,.teaching-detail-comments { display:grid; gap:12px; margin-bottom:15px; }
.teaching-detail-video { display:grid; grid-template-columns:minmax(220px,360px) minmax(0,1fr); align-items:center; gap:13px; padding-top:12px; border-top:1px solid #edf0f5; }
.teaching-detail-video video { display:block; width:100%; max-height:220px; border-radius:8px; background:#111; }
.teaching-detail-video>div { display:grid; gap:5px; min-width:0; }
.teaching-detail-video b { color:#435671; font-size:12px; overflow-wrap:anywhere; }
.teaching-detail-video small { color:#8a96a8; font-size:10px; overflow-wrap:anywhere; }
.teaching-detail-comment { padding:12px 0; border-top:1px solid #edf0f5; }
.teaching-detail-comment>div { display:flex; justify-content:space-between; gap:12px; color:#52647d; font-size:11px; }
.teaching-detail-comment time { color:#8a96a8; font-size:10px; }
.teaching-detail-comment p { margin:7px 0 0; color:#53647c; font-size:12px; line-height:1.6; white-space:pre-wrap; overflow-wrap:anywhere; }
@media(max-width:700px){.teaching-order-actions{align-items:stretch;flex-direction:column;}.teaching-detail-facts{grid-template-columns:repeat(2,minmax(0,1fr));}.teaching-detail-video{grid-template-columns:1fr;}}
.teaching-comment-form { display:grid; gap:9px; margin-top:14px; }
.teaching-comment-form textarea { width:100%; min-height:74px; padding:10px 12px; border:1px solid #dfe6ef; border-radius:9px; color:#465a75; background:#fff; font:inherit; font-size:12px; resize:vertical; }
.teaching-comment-form>div { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.teaching-comment-form [role="status"] { color:#728198; font-size:11px; }
.media-module-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:15px; }
.media-module-card { --media-accent:#5b83bf; display:flex; align-items:center; gap:14px; min-height:132px; padding:19px; border:1px solid #e3eaf3; border-radius:15px; text-align:left; color:#2d405b; background:linear-gradient(145deg,#fff,#f8faff); box-shadow:0 7px 18px rgba(34,55,87,.035); cursor:pointer; transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease; }
.media-module-card:hover { transform:translateY(-2px); border-color:color-mix(in srgb,var(--media-accent) 42%,white); box-shadow:0 12px 26px rgba(34,55,87,.09); }
.media-module-card.tone-violet { --media-accent:#8b72c4; }.media-module-card.tone-green { --media-accent:#549b83; }
.media-module-icon { display:grid; place-items:center; width:42px; height:42px; flex:none; border-radius:12px; color:var(--media-accent); background:color-mix(in srgb,var(--media-accent) 11%,white); font-size:16px; font-weight:750; }
.media-module-copy { display:grid; flex:1; gap:6px; min-width:0; }.media-module-copy b { font-size:15px; }.media-module-copy small { color:#8592a5; font-size:11px; line-height:1.5; }.media-module-arrow { color:var(--media-accent); font-size:18px; }
.media-page-tabs { display:flex; gap:8px; margin:0 0 18px; padding:5px; border:1px solid #e5eaf1; border-radius:11px; background:rgba(255,255,255,.75); }
.media-page-tabs button { min-height:34px; padding:0 14px; border:0; border-radius:8px; color:#7d8a9d; background:transparent; font:inherit; font-size:11px; cursor:pointer; }
.media-page-tabs button.active { color:#34527d; background:#eaf1fc; font-weight:700; }
.media-content-panel { min-height:300px; padding:20px; }
.media-content-heading,.media-list-toolbar { display:flex; align-items:center; justify-content:space-between; gap:14px; }
.media-content-heading h2 { margin:4px 0; color:#2e415d; font-size:20px; }.media-content-heading p { margin:0; color:#8794a7; font-size:11px; }
.media-ready-badge { flex:none; padding:6px 9px; border-radius:20px; color:#557e70; background:#edf7f2; font-size:10px; }
.media-list-toolbar { margin-top:20px; padding:14px 0; border-top:1px solid #edf0f5; border-bottom:1px solid #edf0f5; }
.media-list-toolbar>div { display:grid; gap:4px; }.media-list-toolbar b { color:#536780; font-size:12px; }.media-list-toolbar small { color:#8a97a9; font-size:10px; }
.media-list-toolbar button { min-height:32px; padding:0 12px; border:1px solid #e0e6ef; border-radius:8px; color:#8793a4; background:#f6f8fb; font:inherit; font-size:10px; }
.media-empty-state { display:grid; justify-items:center; gap:9px; padding:45px 12px 35px; text-align:center; }
.media-empty-state>span { display:grid; place-items:center; width:44px; height:44px; border-radius:13px; color:#6e89b3; background:#edf2fa; font-weight:700; }
.media-empty-state>b { color:#66778f; font-size:12px; }.media-empty-state>small { color:#99a4b3; font-size:10px; }
@media(max-width:760px){.media-module-grid{grid-template-columns:1fr;}.media-module-card{min-height:100px;}.media-content-heading{align-items:flex-start;flex-direction:column;}.media-page-tabs{overflow:auto;}.media-page-tabs button{white-space:nowrap;}}
.media-blank-page { display:grid; grid-template-rows:auto 1fr; gap:17px; min-height:550px; }
.media-blank-page h1 { margin:5px 0 0; color:#263a55; font-size:26px; }
.media-blank-canvas { min-height:450px; border:1px solid #e8edf4; border-radius:14px; background:rgba(255,255,255,.58); }
.media-platform-page { display:grid; gap:18px; min-height:550px; }
.media-platform-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; }
.media-platform-heading h1 { margin:5px 0 4px; color:#263a55; font-size:26px; }
.media-platform-heading p { margin:0; color:#8190a5; font-size:12px; }
.media-platform-options { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.media-platform-option { display:flex; align-items:center; justify-content:space-between; min-height:72px; padding:0 18px; border:1px solid #e3eaf3; border-radius:13px; color:#405875; background:rgba(255,255,255,.8); font:inherit; font-size:14px; font-weight:650; cursor:pointer; transition:border-color .16s ease,background .16s ease,transform .16s ease; }
.media-platform-option span { color:#91a0b4; font-size:18px; }
.media-platform-option:hover { transform:translateY(-1px); border-color:#bdcce1; }
.media-platform-option.active { border-color:#90abd1; color:#315582; background:#edf3fc; box-shadow:0 5px 14px rgba(55,85,130,.07); }
.media-platform-option.active span { color:#557eb5; }
.media-platform-page .media-blank-canvas { display:grid; place-items:center; }
.media-platform-page .media-blank-canvas>div { display:grid; justify-items:center; gap:8px; text-align:center; }
.media-platform-page .media-blank-canvas b { color:#536780; font-size:15px; }
.media-platform-page .media-blank-canvas span { color:#98a3b2; font-size:11px; }
.media-platform-log { display:grid; gap:16px; }
.media-platform-log-heading { display:flex; align-items:center; justify-content:space-between; gap:14px; }
.media-platform-log-actions { display:flex; align-items:center; gap:8px; }
.media-platform-panels { display:block; }
.media-platform-panel { display:grid; gap:16px; }
.media-platform-panel[hidden] { display:none; }
.media-platform-log-heading h2 { margin:5px 0 0; color:#344863; font-size:19px; }
.media-publish-summary { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; max-width:560px; }
.media-publish-summary>div { display:grid; gap:5px; min-height:72px; padding:14px 16px; border:1px solid #e5eaf1; border-radius:13px; background:rgba(255,255,255,.8); }
.media-publish-summary b { color:#405875; font-size:20px; }
.media-publish-summary small { color:#8a97a9; font-size:10px; }
.media-publishing-list { display:grid; gap:12px; }
.media-publish-card { padding:16px 18px; border:1px solid #e4eaf2; border-radius:13px; background:rgba(255,255,255,.86); }
.media-publish-card-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.media-publish-card time { color:#71829a; font-size:11px; font-weight:650; }
.media-publish-card h3 { margin:12px 0 7px; color:#344863; font-size:15px; }
.media-publish-card p { margin:0 0 12px; color:#596b83; font-size:12px; line-height:1.7; white-space:pre-wrap; overflow-wrap:anywhere; }
.media-publish-card>small { color:#8a96a7; font-size:10px; }
.media-publishing-form textarea { min-height:130px; }

.media-log-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:20px; margin:4px 0 22px; }
.media-log-heading h1 { margin:7px 0 5px; color:#263a55; font-size:30px; letter-spacing:-.035em; }
.media-log-heading p { max-width:620px; margin:0; color:#8190a5; font-size:12px; line-height:1.65; }
.media-log-heading .tool-open-button { flex:none; min-height:40px; padding:0 16px; }
.media-log-loading { display:grid; min-height:180px; place-items:center; border:1px solid #e7edf4; border-radius:14px; color:#8190a5; background:rgba(255,255,255,.72); font-size:12px; }
.media-log-summary { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin:0 0 18px; }
.media-log-summary>div { display:grid; gap:5px; min-height:78px; padding:15px 17px; border:1px solid #e5eaf1; border-radius:13px; background:rgba(255,255,255,.8); }
.media-log-summary b { color:#405875; font-size:20px; font-weight:700; }
.media-log-summary small { color:#8a97a9; font-size:10px; }
.media-log-list { display:grid; gap:13px; }
.media-pagination { display:flex; align-items:center; justify-content:center; gap:14px; margin:18px 0 2px; }
.media-pagination>span { min-width:210px; color:#7f8da2; font-size:10px; text-align:center; }
.media-pagination button { min-height:32px; padding:0 12px; }
.media-pagination button:disabled { opacity:.42; cursor:default; }
.media-log-card { padding:19px 20px 14px; border:1px solid #e4eaf2; border-radius:14px; background:rgba(255,255,255,.88); box-shadow:0 5px 16px rgba(35,55,84,.025); }
.media-log-card-top { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }
.media-log-card-top time { color:#8191a7; font-size:10px; font-weight:650; letter-spacing:.025em; }
.media-log-card-top h2 { margin:5px 0 0; color:#344863; font-size:16px; line-height:1.4; overflow-wrap:anywhere; }
.media-log-status { flex:none; padding:6px 10px; border:1px solid #f0e1bd; border-radius:18px; color:#9a7741; background:#fff9eb; font-size:10px; }
.media-log-status.is-complete { border-color:#d6eadf; color:#56816d; background:#f0f8f3; }
.media-log-facts { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin-top:16px; }
.media-log-facts section { min-width:0; padding:12px 13px; border-radius:10px; background:#f7f9fc; }
.media-log-facts small { color:#8794a7; font-size:10px; font-weight:650; }
.media-log-facts p { margin:7px 0 0; color:#596b83; font-size:12px; line-height:1.65; white-space:pre-wrap; overflow-wrap:anywhere; }
.media-log-images { display:flex; flex-wrap:wrap; gap:10px; margin-top:14px; }
.media-log-image { display:block; width:min(190px,100%); height:140px; overflow:hidden; border:1px solid #e5eaf1; border-radius:10px; background:#f6f8fb; }
.media-log-image img { width:100%; height:100%; object-fit:cover; }
.media-log-videos { display:grid; gap:10px; margin-top:14px; }
.media-log-video { display:grid; grid-template-columns:minmax(0,1fr) minmax(160px,.38fr); align-items:center; gap:12px; padding:10px; border:1px solid #e8edf4; border-radius:11px; background:#fafbfd; }
.media-log-video video { display:block; width:100%; max-height:340px; border-radius:7px; background:#111; }
.media-log-video>div { display:grid; gap:6px; min-width:0; }
.media-log-video b { color:#4c5f78; font-size:11px; overflow-wrap:anywhere; }
.media-log-video small { color:#8b97a8; font-size:9px; line-height:1.5; }
.media-log-card-bottom { display:flex; align-items:center; flex-wrap:wrap; gap:8px 16px; margin-top:15px; padding-top:12px; border-top:1px solid #edf0f4; color:#8a96a7; font-size:9px; }
.media-log-actions { display:flex; align-items:center; gap:7px; margin-left:auto; }
.media-log-actions .secondary-small { min-height:29px; padding:0 10px; font-size:10px; }
.media-log-permission { flex-basis:100%; color:#a0a9b5; text-align:right; }
.media-upload-status { display:block; min-height:0; margin-top:6px; color:#5a806f; font-size:10px; }
.media-log-empty { display:grid; justify-items:center; gap:9px; min-height:220px; align-content:center; padding:28px; border:1px dashed #dfe6ef; border-radius:14px; text-align:center; background:rgba(255,255,255,.6); }
.media-log-empty>span { display:grid; place-items:center; width:46px; height:46px; border-radius:14px; color:#708bb2; background:#edf2fa; font-size:15px; font-weight:750; }
.media-log-empty>b { color:#65758d; font-size:13px; }
.media-log-empty>small { color:#929eaf; font-size:10px; }
.media-log-form-host:empty { display:none; }
.media-log-form { margin-top:20px; padding:20px; border:1px solid #dfe7f1; border-radius:14px; background:#fff; box-shadow:0 12px 35px rgba(37,58,88,.07); }
.media-log-form-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; margin-bottom:17px; }
.media-log-form-heading h2 { margin:5px 0 0; color:#344863; font-size:17px; }
.media-form-close { width:30px; height:30px; border:1px solid #e4eaf2; border-radius:9px; color:#7b8899; background:#fff; font-size:19px; cursor:pointer; }
.media-log-fields { display:grid; grid-template-columns:minmax(150px,.32fr) minmax(0,1fr); gap:13px; }
.media-log-fields label { display:grid; gap:6px; color:#61728a; font-size:10px; font-weight:650; }
.media-log-fields input,.media-log-fields textarea,.media-log-fields select { width:100%; min-width:0; padding:10px 11px; border:1px solid #dfe6ef; border-radius:9px; outline:0; color:#435872; background:#fff; font:inherit; font-size:12px; }
.media-log-fields input:focus,.media-log-fields textarea:focus,.media-log-fields select:focus { border-color:#8eabd4; box-shadow:0 0 0 3px rgba(108,145,196,.12); }
.media-log-fields textarea { resize:vertical; line-height:1.6; }
.media-log-fields .media-field-title,.media-log-fields .media-field-full { grid-column:1/-1; }
.media-log-fields .media-field-full textarea { min-height:88px; }
.media-log-form-footer { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:16px; padding-top:13px; border-top:1px solid #edf0f4; }
.media-log-form-footer>div { display:flex; gap:8px; }
.media-log-form-footer [role="status"] { color:#ad695f; font-size:10px; }
.media-blank-canvas { display:grid; place-items:center; color:#929eb0; font-size:12px; }
@media(max-width:700px){.media-log-heading{align-items:flex-start;flex-direction:column;}.media-log-summary{gap:8px;}.media-log-summary>div{min-height:68px;padding:12px;}.media-log-card{padding:15px 14px 12px;}.media-log-facts{grid-template-columns:1fr;gap:9px;}.media-log-card-bottom{gap:8px 12px;}.media-log-actions{margin-left:0;}.media-log-video{grid-template-columns:1fr;}.media-log-video>div{padding:2px 3px;}}
@media(max-width:460px){.media-log-summary b{font-size:17px;}.media-log-summary small{font-size:9px;}.media-log-fields{grid-template-columns:1fr;}.media-log-fields label,.media-log-fields .media-field-title,.media-log-fields .media-field-full{grid-column:1/-1;}.media-log-form{padding:15px;}.media-log-form-footer{align-items:flex-end;flex-direction:column-reverse;}.media-log-card-top h2{font-size:14px;}}
@media(max-width:460px){.media-pagination{gap:7px;}.media-pagination>span{min-width:0;font-size:9px;}.media-pagination button{padding:0 8px;font-size:9px;}}
@media(max-width:760px){.media-platform-options{grid-template-columns:1fr;}.media-platform-option{min-height:58px;}.media-platform-heading{align-items:flex-start;}.media-platform-log-heading{align-items:flex-start;flex-direction:column;}.media-platform-log-actions{width:100%;flex-wrap:wrap;}}
.module-account-name { max-width:180px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.notification-bell { position:relative; display:grid; place-items:center; width:36px; height:36px; padding:7px; border:1px solid #e2e8f1; border-radius:11px; color:#76869d; background:rgba(255,255,255,.82); cursor:pointer; }.notification-bell:hover,.notification-bell.has-notifications { border-color:#efc3b8; color:#cf654d; background:#fff8f5; }.notification-bell svg { width:19px; height:19px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }.notification-badge { position:absolute; top:-7px; right:-7px; min-width:18px; height:18px; display:grid; place-items:center; padding:0 5px; border:2px solid #fff; border-radius:10px; color:#fff; background:#e34e43; font-size:9px; font-weight:750; line-height:1; }.notification-badge[hidden] { display:none; }.notification-feed { position:fixed; z-index:5; top:91px; right:22px; width:272px; max-height:calc(100vh - 112px); overflow:auto; padding:13px; border:1px solid #e0e7f0; border-radius:15px; background:rgba(255,255,255,.97); box-shadow:0 14px 38px rgba(34,52,78,.13); display:none; }.notification-feed.is-open { display:block; }.notification-feed-heading { display:flex; align-items:center; justify-content:space-between; gap:8px; padding:2px 2px 11px; border-bottom:1px solid #edf0f5; }.notification-feed-heading>div { display:flex; flex-direction:column; gap:4px; }.notification-feed-heading b { color:#435571; font-size:12px; }.notification-feed-heading small { color:#909bad; font-size:10px; }.notification-feed-heading>span { display:grid; place-items:center; min-width:23px; height:23px; padding:0 6px; border-radius:9px; color:#c85f4d; background:#fff0ec; font-size:10px; font-weight:750; }.notification-item { display:flex; width:100%; flex-direction:column; gap:7px; margin-top:9px; padding:10px; border:1px solid #ebeff5; border-radius:10px; text-align:left; color:#5c6d84; background:#fbfcfe; cursor:pointer; }.notification-item:hover { border-color:#cedcf1; background:#f5f8fd; }.notification-item-top { display:flex; align-items:center; justify-content:space-between; gap:8px; }.notification-item-top b { color:#3d587d; font-size:11px; }.notification-item-top time { flex:0 0 auto; color:#9aa5b5; font-size:9px; }.notification-item-message { display:-webkit-box; overflow:hidden; color:#718097; font-size:10px; line-height:1.5; -webkit-box-orient:vertical; -webkit-line-clamp:3; }.notification-item-message strong { color:#53657f; }.notification-item>small { color:#a0a9b6; font-size:9px; }.notification-empty { padding:18px 7px 12px; color:#929eaf; font-size:10px; text-align:center; }
.module-actions { flex:0 0 auto; }
@media(min-width:1680px){.notification-feed{display:block;}}
@media(max-width:700px){.module-account-name{display:none;}.notification-feed{top:auto;right:12px;bottom:12px;width:min(340px,calc(100vw - 24px));max-height:48vh;}.module-topbar{gap:7px;}.module-account{gap:6px;}.module-actions{gap:5px;}}
.notification-bell { width:29px; height:29px; padding:5px; border-radius:9px; }.notification-bell svg { width:16px; height:16px; }.notification-badge { top:-6px; right:-6px; min-width:16px; height:16px; font-size:8px; }.notification-feed { width:210px; max-height:min(340px,calc(100vh - 120px)); padding:9px; }.notification-feed-heading { padding-bottom:8px; }.notification-feed-heading b { font-size:11px; }.notification-item { gap:5px; margin-top:7px; padding:8px; }.notification-item-message { -webkit-line-clamp:2; }.notification-item>small { font-size:8px; }
@media(min-width:1520px){.notification-feed{right:8px;width:max(120px,min(210px,calc((100vw - 1120px)/2 - 16px)));}}
@media(max-width:1519px){.notification-feed{top:auto;right:14px;bottom:14px;width:min(230px,calc(100vw - 28px));max-height:34vh;}}
.notification-feed { width:210px; right:24px; }.notification-feed-heading { cursor:grab; touch-action:none; user-select:none; }.notification-feed.is-dragging,.notification-feed.is-dragging .notification-feed-heading { cursor:grabbing; }.notification-feed.is-dragging { opacity:.94; }
@media(max-width:1519px){.notification-feed{right:24px;width:210px;}}
.notification-section-title { margin:9px 2px 6px; color:#8290a4; font-size:9px; font-weight:700; }.notification-upload-group { margin-top:5px; border:1px solid #ebeff5; border-radius:8px; background:#fbfcfe; }.notification-upload-group summary { display:flex; align-items:center; justify-content:space-between; gap:8px; padding:7px 8px; color:#52647e; cursor:pointer; list-style:none; }.notification-upload-group summary::-webkit-details-marker { display:none; }.notification-upload-group summary b { font-size:10px; }.notification-upload-group summary span { min-width:17px; padding:2px 5px; border-radius:7px; color:#5574a4; background:#edf3fc; font-size:9px; text-align:center; }.notification-upload-empty { padding:2px 8px 7px; color:#9aa5b5; font-size:9px; }.notification-upload-item { display:flex; width:100%; align-items:center; justify-content:space-between; gap:8px; padding:6px 8px; border:0; border-top:1px solid #f0f2f6; color:#5c6d84; background:#fff; cursor:pointer; text-align:left; }.notification-upload-item:hover { color:#3e679f; background:#f5f8fd; }.notification-upload-item b { min-width:0; overflow:hidden; font-size:10px; text-overflow:ellipsis; white-space:nowrap; }.notification-upload-item time { flex:0 0 auto; color:#9aa5b5; font-size:8px; }.notification-comments-section { margin-top:6px; }
.site-footer { display:flex; justify-content:center; padding:16px 12px 22px; color:var(--muted); font-size:12px; }
.site-footer a { color:inherit; text-decoration:none; }
.site-footer a:hover { color:var(--blue-dark); text-decoration:underline; }