@import url('/tokens.css');
.embed .shell,.embed .login-page{min-height:0!important}
.embed-preview{max-width:1100px;margin:30px auto;padding:20px}.embed-preview iframe{width:100%;height:1600px;border:1px solid var(--line);border-radius:7px;background:white}
*{box-sizing:border-box}body{margin:0;background:var(--canvas);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:1.5}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}a{color:var(--deep);text-underline-offset:3px}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #d45220;outline-offset:3px}button{border:0}h1,h2,h3,p{margin-top:0}h1{font-size:32px;line-height:1.15;letter-spacing:-1px;margin-bottom:12px}h2{font-size:20px;line-height:1.3}h3{font-size:16px}small,.muted{color:var(--muted)}.skip{position:fixed;top:-80px;left:12px;z-index:99;background:#fff;padding:12px}.skip:focus{top:12px}.initial{margin:15vh auto;padding:30px;max-width:600px}.eyebrow{text-transform:uppercase;font-size:11px;font-weight:700;letter-spacing:1.6px;color:var(--muted);margin-bottom:10px}.logo{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:800;letter-spacing:-.7px}.logo img{width:32px;height:32px}.logo em{font-style:normal;color:var(--accent)}.shell{min-height:100vh;display:grid;grid-template-columns:228px 1fr}.sidebar{padding:30px 20px;background:var(--deep);color:#fff;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.sidebar .eyebrow{color:#a6b9b7;margin:14px 0 38px}.sidebar nav{display:grid;gap:7px}.nav{display:flex;align-items:center;gap:12px;border-radius:6px;padding:12px 14px;background:transparent;color:#d3e0dd;text-align:left;font-weight:600}.nav.active{background:#fff;color:var(--deep)}.nav:hover:not(.active){background:#ffffff12}.nav span:first-child{width:22px;font-size:17px}.side-bottom{margin-top:auto;padding-top:32px;font-size:13px;color:#c0d0cb}.warehouse-label{font-size:21px;color:#fff;font-weight:600;margin-bottom:6px}.side-line{height:1px;background:#ffffff24;margin:18px 0}.work{min-width:0}.topbar{min-height:76px;border-bottom:1px solid var(--line);padding:16px 36px;display:flex;align-items:center;justify-content:space-between;gap:16px;background:#fff}.topbar .location{color:var(--muted);font-size:13px}.identity{display:flex;gap:12px;align-items:center;max-width:65%}.identity-text{max-width:320px;overflow-wrap:anywhere;font-size:13px}.identity-text b{display:block;font-size:14px}.avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#eaf0eb;color:var(--deep);font-weight:700;flex-shrink:0}.main{max-width:1450px;margin:0 auto;padding:36px}.heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:28px}.heading p{margin:0;color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:43px;padding:10px 17px;border-radius:5px;font-weight:600;background:#fff;color:var(--ink);border:1px solid var(--line);text-decoration:none;white-space:normal}.btn:hover{background:#f0f2ec}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primary:hover{background:#b84417}.btn.dark{background:var(--deep);color:#fff;border-color:var(--deep)}.btn.ghost{background:transparent;border:0;padding:8px;min-height:38px}.btn.small{min-height:34px;padding:6px 10px;font-size:12px}.btn.danger{color:#ad3434}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.stat{background:#fff;border:1px solid var(--line);padding:18px 20px;border-radius:6px}.stat b{font-size:30px;display:block;line-height:1.3;letter-spacing:-1px}.stat span{font-size:12px;color:var(--muted)}.stat.accent{background:var(--deep);color:#fff;border-color:var(--deep)}.stat.accent span{color:#c2d1c9}.layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:24px;align-items:start}.panel{background:#fff;border:1px solid var(--line);border-radius:7px;overflow:hidden}.panel-pad{padding:24px}.panel-head{padding:18px 24px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:12px}.panel-head h2{margin:0;font-size:16px}.calendar{padding:20px}.month-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px;font-weight:600;text-transform:capitalize}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;text-align:center}.weekday{font-size:11px;color:var(--muted);padding:7px 0}.day{background:transparent;border-radius:4px;aspect-ratio:1;min-height:32px;padding:4px;color:var(--ink);font-size:13px}.day:hover:not(:disabled){background:#edf0e9}.day.selected{background:var(--deep);color:#fff}.day.today:not(.selected){box-shadow:inset 0 0 0 1px var(--accent)}.day:disabled{color:#939993;opacity:.42}.calendar-note{font-size:12px;color:var(--muted);border-top:1px solid var(--line);margin:16px 0 0;padding-top:14px}.aside-info{margin-top:18px;padding:20px;background:#e9eee6;border-radius:6px;font-size:13px}.aside-info h3{margin-bottom:8px}.aside-info p:last-child{margin-bottom:0}.address{overflow-wrap:anywhere;line-height:1.7}.slots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0}.slot{text-align:left;padding:16px;background:#fff;border:1px solid var(--line);border-radius:5px;color:var(--ink)}.slot strong{display:block;font-size:21px;letter-spacing:-.5px}.slot small{display:block;margin-top:5px;font-size:12px}.slot.chosen{border:2px solid var(--deep);padding:15px;background:#f0f5eb}.slot:disabled{background:#f5f5f2}.step{display:inline-flex;border:1px solid var(--line);border-radius:50%;width:25px;height:25px;align-items:center;justify-content:center;font-size:12px;margin-right:9px;color:var(--muted)}.selected-summary{padding:14px 16px;border-left:3px solid var(--accent);background:#fff5ed;margin:18px 0;font-size:14px}.field{display:flex;flex-direction:column;gap:7px;min-width:0;margin-bottom:17px}.field>span{font-size:13px;font-weight:600}.field small{font-size:12px;font-weight:normal}.field input,.field select,.field textarea{width:100%;border:1px solid #cbd1c7;border-radius:4px;background:#fff;color:var(--ink);padding:11px 12px;min-height:45px}.field textarea{resize:vertical;min-height:80px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}.full{grid-column:1/-1}.form-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:16px}.form-footer small{font-size:12px;max-width:310px}.empty{padding:44px 24px;text-align:center;color:var(--muted)}.empty strong{display:block;color:var(--ink);font-size:18px;margin-bottom:8px}.timeline-row{display:grid;grid-template-columns:87px 1fr;gap:18px;padding:18px 24px;border-bottom:1px solid var(--line)}.timeline-row:last-child{border-bottom:0}.time-label{font-size:19px;font-weight:600}.time-label small{display:block;font-size:11px;font-weight:400}.reservation{border:1px solid var(--line);border-left:3px solid #4b7161;border-radius:4px;padding:13px 15px;margin-bottom:8px;background:#fbfcf9;overflow-wrap:anywhere}.reservation:last-child{margin-bottom:0}.reservation-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.reservation b{font-size:14px}.reservation p{font-size:12px;color:var(--muted);margin:4px 0 0}.row-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.badge{display:inline-block;padding:4px 8px;font-size:11px;border-radius:4px;font-weight:600;white-space:nowrap}.badge.expected{background:#edf0e7;color:#436447}.badge.unloading{background:#fff0d4;color:#805506}.badge.unloaded{background:#ddede6;color:#246a4c}.badge.cancelled,.badge.no_show{background:#f0e8e6;color:#845a51}.free{font-size:13px;color:var(--muted);padding:12px 0}.list{display:grid;gap:14px}.list .reservation{margin:0;padding:20px;background:#fff}.list-date{font-size:12px;color:var(--muted);margin-bottom:7px}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.toolbar input{min-height:40px;border:1px solid var(--line);padding:7px 10px;border-radius:4px;max-width:100%}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px;text-align:left}th{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);background:#f8f9f5}th,td{padding:16px 20px;border-bottom:1px solid var(--line)}td b{display:block}td small{display:block;margin-top:4px}tbody tr:last-child td{border-bottom:0}.checks{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 22px}.check{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:4px;padding:9px 12px;font-size:13px}.check input{accent-color:var(--deep);width:17px;height:17px}.notice-inline{padding:14px 16px;border-radius:4px;background:#f1f3e9;color:#526042;font-size:13px;margin-bottom:20px}.error{color:#a12d24;background:#fff0ed;padding:12px 15px;border:1px solid #f2c6bf;border-radius:4px;margin:12px 0;font-size:13px}.error:empty{display:none}.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(300px, .9fr) minmax(440px,1.1fr)}.login-story{background:var(--deep);color:#fff;padding:44px clamp(28px,5vw,84px);display:flex;flex-direction:column;justify-content:space-between}.login-story .eyebrow{color:#adbbb4;margin-top:45px}.login-story h1{font-size:clamp(32px,3.2vw,50px);max-width:470px;line-height:1.15;letter-spacing:-1.6px}.login-story .intro{color:#c5d2c8;max-width:390px;font-size:16px}.login-address{border-top:1px solid #ffffff30;margin-top:40px;padding-top:24px;font-size:13px;max-width:430px}.login-address a{color:#fff}.dock-art{display:flex;align-items:end;gap:8px;height:90px;margin:36px 0 0;opacity:.8}.dock-art span{width:60px;height:60px;border:1px solid #779185;background:repeating-linear-gradient(0deg,transparent,transparent 7px,#ffffff14 8px);border-radius:2px 2px 0 0}.dock-art span:nth-child(2){height:84px;width:84px;border-color:var(--accent)}.login-form-wrap{display:flex;align-items:center;justify-content:center;padding:50px 30px;background:#fcfcf8}.login-form{width:100%;max-width:390px}.login-form h2{font-size:27px;letter-spacing:-.7px;margin-bottom:10px}.login-form .btn{width:100%}.login-bottom{font-size:12px;color:var(--muted);margin-top:24px}.login-bottom a{font-weight:600}.setup-chip{display:inline-flex;align-items:center;gap:7px;color:#5d6c57;font-size:12px;margin-bottom:25px}.setup-chip:before{content:'';width:7px;height:7px;border-radius:50%;background:#719669}dialog{border:1px solid var(--line);border-radius:8px;max-width:650px;width:calc(100% - 32px);padding:28px;max-height:90vh;color:var(--ink)}dialog::backdrop{background:#10292099}dialog h2{padding-right:30px}dialog .close{position:absolute;right:14px;top:12px;font-size:23px;background:transparent;color:var(--muted);padding:4px 9px}#notice:not(:empty){position:fixed;bottom:24px;right:24px;max-width:min(450px,calc(100% - 48px));background:var(--deep);color:#fff;padding:15px 20px;border-radius:6px;box-shadow:0 8px 30px #16302c26;z-index:20;font-size:14px}.profile-details{display:grid;grid-template-columns:150px 1fr;gap:12px;font-size:14px;overflow-wrap:anywhere}.profile-details dt{color:var(--muted)}.profile-details dd{margin:0}.embed .shell{grid-template-columns:1fr}.embed .sidebar{height:auto;position:static;padding:18px 24px}.embed .sidebar nav{display:flex;margin-top:16px;flex-wrap:wrap}.embed .side-bottom,.embed .sidebar>.eyebrow{display:none}.embed .login-page{min-height:740px}.embed .login-story{padding:32px}.embed .main{padding:24px}.spacer{height:22px}
@media(min-width:1500px){.main{padding-top:45px}.layout{grid-template-columns:330px minmax(0,1fr)}}
@media(max-width:1050px){.shell{grid-template-columns:190px 1fr}.sidebar{padding:24px 14px}.logo{font-size:17px}.main{padding:24px}.layout{grid-template-columns:260px minmax(0,1fr);gap:16px}.topbar{padding:15px 24px}.stats{gap:10px}.stat{padding:14px}.panel-pad{padding:20px}.slot{padding:12px}.slot.chosen{padding:11px}.slot strong{font-size:19px}}
@media(max-width:820px){.shell{display:block}.sidebar{height:auto;position:static;padding:16px 20px}.sidebar>.eyebrow,.side-bottom{display:none}.sidebar nav{display:flex;overflow:auto;margin-top:15px;gap:5px}.nav{white-space:nowrap;padding:9px 12px;font-size:13px}.nav span:first-child{display:none}.topbar{padding:12px 20px;min-height:64px}.main{padding:24px 20px}.layout{grid-template-columns:1fr}.calendar-grid{gap:5px}.day{aspect-ratio:auto;min-height:36px}.aside-info{display:none}.calendar{padding:18px}.calendar-note{margin-top:12px;padding-top:10px}.heading{margin-bottom:22px}.heading h1{font-size:28px}.login-page{grid-template-columns:1fr}.login-story{padding:28px;gap:16px}.login-story h1{font-size:30px;max-width:none}.login-story .eyebrow{margin-top:20px}.dock-art,.login-story .intro{display:none}.login-address{margin-top:4px;padding-top:14px;max-width:none}.login-form-wrap{padding:36px 24px}.identity{max-width:80%}.location{display:none}.embed .login-page{min-height:0}}
@media(max-width:480px){.stats{grid-template-columns:repeat(2,1fr)}.main{padding:22px 14px}.heading{flex-direction:column;gap:16px}.heading .toolbar{width:100%}.form-grid{grid-template-columns:1fr}.form-footer{align-items:stretch;flex-direction:column}.form-footer .btn{width:100%}.reservation-top{flex-wrap:wrap}.timeline-row{padding:16px 14px;grid-template-columns:65px 1fr;gap:8px}.panel-head{padding:16px}.panel-pad{padding:18px}.time-label{font-size:17px}.identity-text{font-size:11px}.identity-text b{font-size:12px}.profile-details{grid-template-columns:1fr;gap:4px}.profile-details dd{margin-bottom:12px}.login-story{padding:24px}.login-story h1{font-size:28px}.nav{padding:9px}.slot strong{font-size:18px}.embed .main{padding:18px 12px}}