:root{--captain:#fb6a2a;--captain-dark:#17231e;--captain-green:#087654;--captain-bg:#f3f5f2}body{background:radial-gradient(circle at 100% 0,#ffe6d8 0,transparent 28%),var(--captain-bg)}.login-gate{background:radial-gradient(circle at 80% 10%,#ff8c5140,transparent 28%),linear-gradient(150deg,#0a2d22,#143f31)}.login-card{border-radius:28px;box-shadow:0 35px 90px #001b1270}.login-card>span{background:#fff0e8!important;color:#b7430d!important}.login-card > button:not(.login-install){background:linear-gradient(110deg,#e95516,#ff783c)!important;box-shadow:0 15px 30px #e9551633}.app>header{background:#ffffffdd;backdrop-filter:blur(18px);border-bottom:1px solid #dfe6e1}.welcome{position:relative;overflow:hidden;background:linear-gradient(135deg,#102a21,#17523d)!important;border:0!important;color:#fff;box-shadow:0 22px 50px #0b3d2a25}.welcome:after{content:'CAPTAIN';position:absolute;right:-20px;bottom:-28px;font-size:62px;font-weight:950;color:#ffffff09;letter-spacing:-4px}.welcome small,.welcome p{color:#b9d6ca!important}.live-dot{background:#ffffff17!important;color:#fff!important;border:1px solid #ffffff24}.live-dot i{background:#ff834e!important}.captain-strip{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:16px 0;padding:11px 13px;border-radius:15px;background:#fff;border:1px solid #e1e7e3;box-shadow:0 8px 25px #123a2a0a}.captain-strip b{font-size:13px}.captain-strip small{display:block;color:#748078}.captain-strip span:last-child{color:#087654;font-size:12px;font-weight:850}.available-card{background:#fff;border:1px solid #e3e9e5;border-radius:22px;padding:18px;margin:14px 0;box-shadow:0 13px 35px #0d38250d;animation:captainRise .35s ease}.available-card.new{border-color:#ff8d59;box-shadow:0 14px 35px #ed652223}.available-top{display:flex;justify-content:space-between;gap:12px;align-items:start}.available-top h2{font-size:18px;margin:0}.available-top small{display:block;color:#748078;margin-top:4px}.available-badge{background:#fff0e8;color:#b6430e;border-radius:999px;padding:6px 9px;font-size:10px;font-weight:900}.available-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:15px 0}.available-grid div{background:#f5f7f5;border-radius:12px;padding:10px}.available-grid small{display:block;color:#748078;font-size:10px}.available-grid b{display:block;margin-top:3px}.accept-delivery{width:100%;border:0;border-radius:15px;padding:14px;background:linear-gradient(110deg,#ed5d1f,#ff7b3e);color:#fff;font-weight:900;box-shadow:0 12px 25px #ed5d1f2c}.delivery-card{border-radius:23px;box-shadow:0 12px 36px #0d38250c}.card-top .status{background:#eaf8f1!important}.payment{border-radius:14px}.slider-wrap{background:linear-gradient(110deg,#087654,#0d9468)!important}.delivery-slider::-webkit-slider-thumb{background:#fff!important}.delivery-bottom-nav{box-shadow:0 -12px 35px #0d382517}.delivery-bottom-nav button.active{color:#e95516!important}.delivery-bottom-nav button.active svg{stroke:#e95516!important}.captain-toast{position:fixed;left:50%;top:18px;transform:translate(-50%,-120px);z-index:80;background:#102a21;color:#fff;padding:12px 16px;border-radius:13px;box-shadow:0 14px 35px #001a1260;transition:.3s}.captain-toast.show{transform:translate(-50%,0)}
@keyframes captainRise{from{opacity:0;transform:translateY(12px)}}@media(max-width:620px){main{padding-bottom:95px}.welcome{margin-top:8px;border-radius:22px!important;padding:20px!important}.welcome h1{font-size:24px}.available-grid{gap:6px}.available-grid div{padding:8px}.delivery-card{padding:15px}.customer-box{border-radius:15px}.quick-actions{grid-template-columns:1fr 1fr}.delivery-bottom-nav{grid-template-columns:repeat(4,1fr)!important}}
/* FINAL DELIVERY LOGIN PIN FIX */
.login-card label{
  position:relative !important;
}

.login-card label .d40-eye{
  position:absolute !important;
  right:8px !important;
  bottom:7px !important;
  width:40px !important;
  max-width:40px !important;
  height:40px !important;
  min-height:40px !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  border-radius:50% !important;
  background:#edf5f0 !important;
  color:#087654 !important;
  box-shadow:none !important;
  display:grid !important;
  place-items:center !important;
  z-index:10 !important;
}

.login-card #loginPin{
  display:block !important;
  width:100% !important;
  height:52px !important;
  min-height:52px !important;
  padding:14px 58px 14px 14px !important;
  margin-top:6px !important;
  background:#f9fbf9 !important;
  color:#10251c !important;
  border:1px solid #bdd9cb !important;
  border-radius:12px !important;
  box-shadow:none !important;
}