*{box-sizing:border-box}
.auth-body,.worker-body{margin:0;background:radial-gradient(circle at top left,#fff9f2 0,#f7efe6 38%,#f2e7db 100%);color:#392c24;font-family:Inter,ui-sans-serif,system-ui,Segoe UI,sans-serif}

.auth-body{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:26px}
.auth-layout{width:min(1120px,100%);min-height:680px;display:grid;grid-template-columns:minmax(360px,.95fr) minmax(420px,1.05fr);background:#fffdf9;border:1px solid #ead9c9;border-radius:30px;overflow:hidden;box-shadow:0 30px 80px rgba(79,47,23,.14)}
.auth-showcase{background:linear-gradient(150deg,#7d563d,#9c7052 58%,#6b4833);color:#fff7ed;padding:42px clamp(26px,4vw,52px);position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:680px}
.auth-brand{display:flex;align-items:center;gap:13px;font-size:16px;font-weight:750;letter-spacing:.065em;position:relative;z-index:2}
.auth-brand b{font-weight:500;color:#ead0b7}
.auth-brand small{display:block;font-size:9px;letter-spacing:.19em;opacity:.77;margin-top:4px}
.auth-brandmark{display:grid;place-items:center;width:50px;height:50px;border:1px solid #dec5ae88;border-radius:15px;font-size:25px;background:#ffffff22;color:#fff}
.auth-showcase-copy{margin:auto 0 28px;position:relative;z-index:2}
.auth-kicker,.auth-eyebrow{font-size:10px;letter-spacing:.19em;font-weight:800}
.auth-kicker{color:#eddbcb}
.auth-showcase h1{font:500 clamp(42px,4.5vw,70px)/1.12 Georgia,serif;letter-spacing:-.045em;margin:22px 0 18px}
.auth-showcase h1 em{font-style:italic;color:#f3dbc2}
.auth-showcase-copy p{max-width:400px;line-height:1.8;color:#f3e2d5;font-size:14px;margin:0}
.auth-showcase-points{display:grid;gap:12px;position:relative;z-index:2;margin-bottom:26px}
.auth-point{display:flex;align-items:center;gap:10px;padding:13px 15px;background:#ffffff14;border:1px solid #ffffff1e;border-radius:14px;backdrop-filter:blur(4px)}
.auth-point span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#f0dbc1;color:#7b553d;font-weight:900;font-size:13px;flex:0 0 auto}
.auth-point strong{font-size:13px;font-weight:700;letter-spacing:.02em;color:#fff7ef}
.auth-decor{position:absolute;width:420px;height:420px;right:-155px;bottom:55px;border:1px solid #ffffff2d;border-radius:50%;display:grid;place-items:center}
.auth-orbit{height:300px;width:300px;border:1px solid #ffffff22;border-radius:50%}
.auth-decor span{position:absolute;font-size:110px;color:#ffe1b727}
.auth-copyright{font-size:10px;letter-spacing:.16em;opacity:.75;position:relative;z-index:2;margin-top:auto}

.auth-content{padding:34px;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#fffcf8 0,#faf4ed 100%)}
.auth-card{width:min(100%,500px);padding:10px 0}
.auth-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}
.auth-mobile-brand{display:none}
.auth-preview-badge{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:999px;background:#f3e4d6;border:1px solid #e7d0bb;color:#8a6348;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}
.auth-eyebrow{color:#936d50}
.auth-card h2{font:500 clamp(32px,3vw,44px)/1.18 Georgia,serif;letter-spacing:-.04em;margin:16px 0 12px;color:#342821}
.auth-card>p{color:#927e6c;line-height:1.8;font-size:15px;margin-bottom:32px;max-width:430px}
.auth-card form{display:grid;gap:11px}
.auth-card label{font-weight:750;font-size:12px;margin-top:5px;color:#46362c}
.auth-field{height:58px;display:flex;gap:12px;align-items:center;background:#fffefa;border:1px solid #e6d7c8;border-radius:16px;padding:0 16px;box-shadow:0 6px 18px rgba(101,73,50,.04)}
.auth-field:focus-within{outline:2px solid #b38b6c;outline-offset:2px}
.auth-field>span{font-size:18px;color:#92694e}
.auth-field input{background:transparent;border:0;outline:0;flex:1;min-width:0;font-size:15px;color:#392c24}
.auth-field input::placeholder{color:#ab9a8d}
.auth-field button{background:#f7ede2;color:#875a40;border:1px solid #dfcab5;border-radius:10px;padding:8px 12px;font-size:12px;font-weight:700}
.auth-submit{height:56px;margin-top:14px;width:100%;display:flex;justify-content:space-between;align-items:center;padding:0 22px;border-radius:16px}
.auth-error{color:#a23d38;font-size:12px;margin:2px 0 0}
.auth-note{display:flex;gap:8px;flex-direction:column;padding:18px;background:#f3e8dc;border:1px solid #e7d7c7;border-radius:16px;margin-top:28px;font-size:12px}
.auth-note strong{font-size:15px;color:#43342a}
.auth-note span{color:#786a60;line-height:1.6}
.demo-credentials{margin-top:15px;padding:16px;background:#fff9ee;border:1px dashed #d3ab78;border-radius:16px;display:flex;gap:7px;flex-direction:column;font-size:12px}
.demo-credentials strong{font-size:14px;color:#5e4331}
.demo-credentials small{color:#997452;line-height:1.55}
.demo-credentials code{background:#f4e6d4;padding:2px 7px;border-radius:6px;color:#7c563d}
.auth-bottom{font-size:10px;letter-spacing:.12em;color:#a29284;text-align:center;margin-top:auto;padding-top:36px}
.demo-notice{background:#fff3d9;border:1px solid #e9c68a;color:#775329;padding:13px 16px;border-radius:12px;font-size:12px;line-height:1.6;margin-bottom:18px}
.account-form{padding:18px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;align-items:end;gap:12px}
.account-form label{display:grid;gap:8px;font-size:12px;font-weight:750;color:#655041}.account-form input,.account-form select{width:100%;height:44px;border:1px solid #e7dacb;border-radius:10px;padding:0 12px;background:#fff;color:#392c24}.account-list{padding:0 18px 20px}.account-item{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#faf5ef;border:1px solid #ecdfd0;border-radius:10px;padding:12px;margin-top:9px;flex-wrap:wrap}.account-item small{display:block;color:#9c8470}.account-item button{color:#a33d32;background:#fff1ed;border:1px solid #efcbc6;border-radius:8px;padding:8px 12px;cursor:pointer}
.back-to-site{display:inline-flex;align-items:center;color:#825436;font-size:12px;font-weight:800;text-decoration:none}
.back-to-site:hover{text-decoration:underline}

.worker-header{background:#fffefa;border-bottom:1px solid #eadfd2;padding:17px max(24px,calc((100vw - 1100px)/2));display:flex;justify-content:space-between;align-items:center;gap:15px}.worker-brand{display:flex;align-items:center;gap:13px}.worker-brand .auth-brandmark{background:#875a3b;color:#fff;border:0}.worker-brand strong{display:block;letter-spacing:.06em;font-size:14px}.worker-brand small{display:block;font-size:10px;letter-spacing:.15em;color:#9e8b79;margin-top:5px}.worker-main{max-width:1100px;margin:0 auto;padding:30px 24px}.worker-welcome{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:20px 0 23px}.worker-welcome h1{font:500 39px Georgia,serif;margin:10px 0}.worker-welcome p{color:#928071;margin:0;font-size:14px;line-height:1.7}.worker-date{padding:12px 16px;border-radius:11px;background:#eee3d6;color:#785740;font-weight:700;white-space:nowrap}.worker-total{background:linear-gradient(120deg,#765039,#a17351);color:#fff;padding:30px 34px;border-radius:20px;display:flex;justify-content:space-between;align-items:center;gap:16px;box-shadow:0 18px 35px #69482d24}.worker-total span,.worker-total small{display:block;color:#efddcb;font-size:11px;letter-spacing:.11em}.worker-total strong{display:block;font:500 clamp(34px,5vw,54px) Georgia,serif;margin:12px 0}.worker-total-icon{font-size:92px;color:#f4e1c757}.worker-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:22px;align-items:start}.worker-entry-form{padding:22px;display:grid;gap:10px}.worker-entry-form label{font-weight:750;font-size:12px;margin-top:7px}.worker-entry-form input{height:51px;border:1px solid #e8dccc;background:#fffefa;border-radius:10px;padding:0 15px;width:100%;font:inherit}.worker-entry-form button{margin-top:12px}.worker-hint{color:#8a7a6a;font-size:12px;line-height:1.6}.worker-entries{padding:15px 18px}.worker-entry{padding:15px 6px;display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid #eaded1}.worker-entry strong{color:#835536}.worker-entry small{display:block;color:#ae9b8b;font-size:11px;margin-top:5px}.worker-empty{text-align:center;color:#988879;padding:36px 8px;font-size:13px}.worker-footer{text-align:center;color:#ad9986;font-size:10px;letter-spacing:.12em;margin-top:30px}

@media(max-width:950px){
  .auth-body{padding:16px}
  .auth-layout{grid-template-columns:1fr;min-height:auto}
  .auth-showcase{min-height:250px;padding:25px;border-bottom:1px solid #ffffff1f}
  .auth-showcase-copy{margin:30px 0 18px}
  .auth-showcase h1{font-size:39px;margin:12px 0}
  .auth-showcase-copy p{max-width:none}
  .auth-decor{display:none}
  .auth-content{padding:30px 24px}
  .account-form{grid-template-columns:1fr 1fr}
  .account-form button{height:44px}
}

@media(max-width:580px){
  .auth-body{padding:10px}
  .auth-layout{border-radius:22px}
  .auth-showcase{min-height:190px;padding:20px;border-radius:22px 22px 0 0}
  .auth-showcase h1{font-size:32px}
  .auth-kicker{font-size:9px}
  .auth-brand{font-size:13px}
  .auth-showcase-points{display:none}
  .auth-content{padding:22px 18px}
  .auth-topbar{flex-direction:column;align-items:flex-start}
  .auth-preview-badge{font-size:10px}
  .auth-card h2{font-size:30px}
  .auth-card>p{margin-bottom:24px}
  .auth-field{height:54px;padding:0 14px}
  .account-form{grid-template-columns:1fr}
  .worker-header{padding:12px 16px}
  .worker-main{padding:18px 14px}
  .worker-welcome{align-items:start;flex-direction:column}
  .worker-welcome h1{font-size:33px}
  .worker-columns{grid-template-columns:1fr}
  .worker-total{padding:25px}
  .worker-total-icon{font-size:65px}
  .worker-brand strong{font-size:11px}
  .worker-brand small{font-size:8px}
  .worker-header .btn{padding:9px}
}