:root{
  --staff-bg:#f4f7fa;
  --staff-card:#ffffff;
  --staff-text:#162333;
  --staff-strong:#0e1c2a;
  --staff-muted:#68798a;
  --staff-border:#dbe3ea;
  --staff-border-strong:#c8d3dc;
  --staff-brand:#102a43;
  --staff-brand-2:#173f63;
  --staff-accent:#2b7db8;
  --staff-soft:#eef3f7;
  --staff-green:#14865f;
  --staff-green-soft:#eaf7f1;
  --staff-red:#a72f3c;
  --staff-red-soft:#fff2f3;
  --staff-radius:16px;
  --staff-shadow:0 3px 16px rgba(16,42,67,.07);
  --staff-focus:0 0 0 3px rgba(43,125,184,.14);
}
*{box-sizing:border-box}
html{background:var(--staff-bg);color-scheme:light}
body.staff-body{margin:0;min-height:100vh;background:var(--staff-bg);color:var(--staff-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.45;-webkit-font-smoothing:antialiased}
button,input,select,textarea{font:inherit}
a,button,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}
:focus-visible{outline:none;box-shadow:var(--staff-focus)}
.staff-shell{width:min(780px,100%);margin:0 auto;padding:20px 18px 56px}.staff-shell.login{width:min(500px,100%);padding-top:max(34px,8vh)}.staff-top{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:20px;padding:19px 20px;color:#fff;background:linear-gradient(135deg,#0d2439 0%,#12324f 58%,#164366 100%);border-radius:18px;box-shadow:0 10px 26px rgba(16,42,67,.14)}.staff-top .staff-brand{color:#a9c7de}.staff-top .staff-muted{color:#c5d5e1}.staff-top .staff-link{color:#fff}.staff-brand{font-size:10px;font-weight:850;letter-spacing:.16em;text-transform:uppercase;color:#567189}.staff-name{margin:5px 0 2px;font-size:clamp(27px,6vw,34px);line-height:1.08;letter-spacing:-.035em;color:inherit}.staff-login-title{font-size:36px;margin-top:10px;color:var(--staff-strong)}.staff-muted{color:var(--staff-muted);font-size:13px}.staff-link{color:var(--staff-brand-2);font-weight:800;text-decoration:none;font-size:13px}.staff-link:hover{text-decoration:underline}.staff-card{background:var(--staff-card);border:1px solid var(--staff-border);border-radius:var(--staff-radius);padding:18px;margin:12px 0;box-shadow:var(--staff-shadow)}.staff-card h2,.staff-card h3{color:var(--staff-strong)}.staff-card h2{font-size:19px;margin:0 0 12px}.staff-card h3{font-size:16px}.staff-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.staff-action{display:flex;flex-direction:column;justify-content:center;min-height:132px;border-radius:var(--staff-radius);padding:20px;background:linear-gradient(135deg,#102a43,#173f63);color:#fff;text-decoration:none;box-shadow:0 5px 16px rgba(16,42,67,.11);transition:transform .15s ease,box-shadow .15s ease}.staff-action:hover{transform:translateY(-1px);box-shadow:0 9px 22px rgba(16,42,67,.14)}.staff-action.secondary{background:#fff;color:var(--staff-text);border:1px solid var(--staff-border);box-shadow:var(--staff-shadow)}.staff-action strong{font-size:20px;letter-spacing:-.015em}.staff-action span{opacity:.76;font-size:13px;margin-top:5px;line-height:1.35}.staff-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0}.staff-metric{background:#fff;border:1px solid var(--staff-border);border-radius:14px;padding:14px 15px;box-shadow:0 1px 4px rgba(16,42,67,.035)}.staff-metric strong{display:block;font-size:26px;line-height:1;color:var(--staff-brand);letter-spacing:-.035em}.staff-metric span{display:block;margin-top:6px;font-size:11px;font-weight:750;color:var(--staff-muted);text-transform:uppercase;letter-spacing:.04em}.staff-form label{display:block;font-size:13px;font-weight:780;margin:17px 0 7px;color:#3b5062}.staff-form input,.staff-form select,.staff-form textarea{width:100%;min-height:52px;padding:12px 14px;border:1px solid var(--staff-border-strong);border-radius:11px;background:#fff;color:var(--staff-text);font:inherit;font-size:16px;outline:none}.staff-form input:focus,.staff-form select:focus,.staff-form textarea:focus{border-color:#69a5cd;box-shadow:var(--staff-focus)}.staff-form textarea{min-height:112px;resize:vertical}.staff-button{width:100%;min-height:54px;border:1px solid transparent;border-radius:11px;padding:12px 16px;font:inherit;font-size:15px;font-weight:850;cursor:pointer;display:flex;align-items:center;justify-content:center;text-align:center;transition:background .15s ease,transform .15s ease}.staff-button.primary{background:var(--staff-brand-2);color:#fff;border-color:var(--staff-brand-2)}.staff-button.primary:hover{background:#102f4b}.staff-button.light{background:#fff;border-color:var(--staff-border-strong);color:var(--staff-text)}.staff-button.light:hover{background:#f7f9fb}.staff-button.warning{background:var(--staff-red-soft);border-color:#e7b7bd;color:#8f2934}.staff-button:active{transform:translateY(1px)}.staff-radio-grid{display:grid;gap:9px}.staff-radio{position:relative}.staff-radio input{position:absolute;opacity:0;pointer-events:none}.staff-radio span{display:block;border:1px solid var(--staff-border);background:#fff;border-radius:11px;padding:14px;font-weight:750;color:#334a5e}.staff-radio input:checked + span{border:2px solid var(--staff-brand-2);padding:13px;background:#f1f7fb}.staff-ticket{color:#a9c7de;font-size:10px;font-weight:850;letter-spacing:.12em}.staff-status{display:inline-block;padding:6px 9px;border-radius:999px;background:#edf3f7;color:#4d6275;font-size:10px;font-weight:850;letter-spacing:.025em}.staff-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.staff-work-card{display:block;color:inherit;text-decoration:none;transition:border-color .15s ease,transform .15s ease}.staff-work-card:hover{border-color:#c1d1dd;transform:translateY(-1px)}.staff-work-title{margin:6px 0;font-size:18px;font-weight:820;color:var(--staff-strong)}.staff-check{display:flex;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid #e9eef2}.staff-check:last-child{border-bottom:0}.staff-check button{width:46px;height:46px;flex:0 0 46px;border:1px solid var(--staff-border-strong);border-radius:12px;background:#fff;color:var(--staff-brand-2);font-size:20px;cursor:pointer}.staff-done{text-decoration:line-through;opacity:.52}.staff-photos{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.staff-photo{overflow:hidden;border-radius:12px;border:1px solid var(--staff-border);background:#fff}.staff-photo img{display:block;width:100%;height:180px;object-fit:cover;background:#eef2f5}.staff-photo div{padding:7px 9px;font-size:10px;font-weight:850;color:#5d7184}.staff-flash{padding:13px 15px;border:1px solid #b9decc;border-radius:12px;background:var(--staff-green-soft);color:#146247;margin:12px 0;font-weight:750}.staff-error{padding:13px 15px;border-radius:12px;background:var(--staff-red-soft);border:1px solid #e5b7bd;color:#8d2934;margin:12px 0;font-weight:750}.staff-divider{height:1px;background:#e7ecf0;margin:18px 0}.staff-help{padding:14px;border:1px solid #e7b7bd;border-radius:11px;background:var(--staff-red-soft);color:#7d2d36}.staff-info-list{display:grid;gap:8px}.staff-section-gap{margin-top:14px}.staff-action-gap{height:10px}.staff-form-gap{margin-top:20px}.staff-small{font-size:12px}.staff-activity{padding:11px 0;border-bottom:1px solid #e9eef2}.staff-activity:last-child{border-bottom:0}.staff-login-note{font-size:12px;text-align:center;margin-top:16px}.staff-login-brand{display:flex;align-items:center;gap:10px;margin-bottom:16px;color:var(--staff-brand)}.staff-login-brand:before{content:"";width:34px;height:5px;border-radius:999px;background:var(--staff-accent)}details>summary.staff-button{list-style:none}details>summary.staff-button::-webkit-details-marker{display:none}.staff-status.status-in_progress{background:#edf6fc;color:#236996}.staff-status.status-on_hold{background:var(--staff-red-soft);color:#9a303b}.staff-status.status-resolved,.staff-status.status-closed{background:var(--staff-green-soft);color:#146c4e}.staff-side-stat{text-align:right;min-width:82px}.staff-side-stat strong{font-size:17px;color:var(--staff-brand)}.staff-card-link{display:inline-flex;margin-top:10px}.staff-top-actions{display:flex;align-items:center;gap:10px}
@media(max-width:620px){.staff-shell{padding:0 12px 34px}.staff-shell.login{padding:26px 14px 34px}.staff-top{margin:0 -12px 18px;padding:18px 16px 17px;border-radius:0 0 18px 18px;box-shadow:0 5px 16px rgba(16,42,67,.12)}.staff-grid{grid-template-columns:1fr}.staff-action{min-height:105px;padding:18px}.staff-action strong{font-size:19px}.staff-metrics{grid-template-columns:repeat(3,1fr);gap:8px}.staff-metric{padding:12px 10px}.staff-metric strong{font-size:24px}.staff-metric span{font-size:9px}.staff-card{border-radius:14px;padding:15px;margin:10px 0}.staff-photo img{height:150px}}
@media(max-width:400px){.staff-name{font-size:26px}.staff-login-title{font-size:32px}.staff-photos{grid-template-columns:1fr}}