:root{
	--dl-navy:#061625;
	--dl-green:#18C380;
	--dl-bg:#F7F9FB;
	--dl-border:#E5EAF0;
	--dl-muted:#6B7785;
	--dl-white:#fff;
	--dl-shadow:0 12px 35px rgba(6,22,37,.06);
	--dl-radius:16px;
}
.dl-auth-page,.dl-portal{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--dl-navy)}
.dl-auth-page{min-height:calc(100vh - 70px);background:#f5f7f9;padding:0;box-sizing:border-box}
.dl-auth-shell{display:grid;grid-template-columns:1fr 1fr;min-height:720px;width:100%}
.dl-auth-side{background:var(--dl-navy);color:#fff;padding:70px clamp(34px,6vw,90px);box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between}
.dl-auth-side-brand .dl-brand{color:#fff}
.dl-auth-side-brand .dl-brand small{color:#aab5bf}
.dl-auth-side-content{max-width:700px;align-self:center;width:100%;padding:50px 0}
.dl-auth-side-content .dl-eyebrow{color:var(--dl-green)}
.dl-auth-side-content h1{font-size:clamp(36px,3.4vw,58px);line-height:1.02;letter-spacing:-.04em;margin:0 0 28px;color:#fff}
.dl-auth-side-content ul{list-style:none;padding:0;margin:0;display:grid;gap:18px}
.dl-auth-side-content li{position:relative;padding-left:25px;color:#d7e0e6;font-size:15px;line-height:1.45}
.dl-auth-side-content li:before{content:"✓";position:absolute;left:0;top:0;color:var(--dl-green);font-weight:900}
.dl-auth-side-tagline{font-size:10px;letter-spacing:.18em;color:#82909b}
.dl-auth-main{background:#f7f9fb;display:flex;flex-direction:column;align-items:center;padding:34px clamp(22px,5vw,75px);box-sizing:border-box}
.dl-auth-tabs{width:min(100%,520px);background:#e8ecef;border-radius:999px;padding:3px;display:grid;grid-template-columns:1fr 1fr;margin:0 auto 25px}
.dl-auth-tabs a{text-align:center;text-decoration:none;color:#59636d;font-size:13px;font-weight:750;padding:10px 15px;border-radius:999px}
.dl-auth-tabs a.is-active{background:#fff;color:var(--dl-navy);box-shadow:0 2px 7px rgba(6,22,37,.08)}
.dl-auth-card{width:min(100%,520px);margin:0 auto;background:transparent;border:0;border-radius:0;box-shadow:none;padding:15px 0}
.dl-brand{display:inline-flex;align-items:center;gap:11px;text-decoration:none;color:var(--dl-navy)}
.dl-brand-mark{width:36px;height:36px;border-radius:11px;background:var(--dl-green);color:#fff;display:grid;place-items:center;font-size:20px;font-weight:700}
.dl-brand strong{display:block;font-size:19px;line-height:1.05}
.dl-brand small{display:block;font-size:8px;letter-spacing:.12em;margin-top:4px;color:var(--dl-muted)}
.dl-auth-card{max-width:480px;margin:0 auto;background:#fff;border:1px solid var(--dl-border);border-radius:20px;box-shadow:var(--dl-shadow);padding:38px}
.dl-auth-intro{text-align:left;margin-bottom:24px}
.dl-auth-main .dl-auth-intro h1{font-size:30px}
.dl-eyebrow{display:block;font-size:11px;font-weight:800;letter-spacing:.12em;color:var(--dl-green);margin-bottom:8px}
.dl-auth-intro h1,.dl-portal-header h1,.dl-card h2,.dl-welcome h2{margin:0;color:var(--dl-navy);letter-spacing:-.025em}
.dl-auth-intro h1{font-size:30px;line-height:1.15}
.dl-auth-intro p,.dl-welcome p,.dl-help,.dl-empty-page p{color:var(--dl-muted);line-height:1.6;margin:10px 0 0}
.dl-form{display:grid;gap:17px}
.dl-form label{display:grid;gap:7px;font-size:13px;font-weight:650;color:var(--dl-navy)}
.dl-form input,.dl-mobile-nav select{width:100%;box-sizing:border-box;border:1px solid var(--dl-border);background:#fff;border-radius:10px;padding:12px 13px;font:inherit;color:var(--dl-navy);outline:none}
.dl-form input:focus,.dl-mobile-nav select:focus{border-color:var(--dl-green);box-shadow:0 0 0 3px rgba(24,195,128,.12)}
.dl-password{position:relative}
.dl-password input{padding-right:60px}
.dl-toggle-password{position:absolute;right:8px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:var(--dl-green);font-size:12px;font-weight:700;cursor:pointer}
.dl-form-row{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12px}
.dl-form-row a,.dl-auth-footer a,.dl-card-head a{color:var(--dl-green);font-weight:700;text-decoration:none}
.dl-check{display:flex!important;align-items:center;gap:7px!important;font-weight:500!important}
.dl-check input{width:auto}
.dl-button{display:inline-flex;justify-content:center;align-items:center;min-height:44px;padding:0 18px;border:0;border-radius:10px;background:var(--dl-green);color:#fff;text-decoration:none;font-weight:750;cursor:pointer;box-sizing:border-box}
.dl-button:hover{filter:brightness(.96)}
.dl-button-full{width:100%}
.dl-button-secondary{background:#eef3f5;color:var(--dl-navy)}
.dl-support{border-top:1px solid var(--dl-border);margin-top:20px;padding-top:20px;color:var(--dl-muted);font-size:12px;line-height:1.55}
.dl-support p{margin:0}
.dl-support a{color:#0b9b69;font-weight:750;text-decoration:none}
.dl-auth-footer{text-align:center;border-top:0;margin-top:15px;padding-top:5px;color:var(--dl-muted);font-size:13px}
.dl-notice{border-radius:10px;padding:12px 13px;font-size:13px;line-height:1.45;margin-bottom:18px}
.dl-notice-error{background:#fff1f1;color:#a12626;border:1px solid #ffd4d4}
.dl-notice-success{background:#effcf6;color:#087044;border:1px solid #c7f2de}
.dl-portal{display:flex;min-height:720px;background:var(--dl-bg)}
.dl-sidebar{width:255px;flex:0 0 255px;background:#fff;border-right:1px solid var(--dl-border);padding:25px 16px;box-sizing:border-box;display:flex;flex-direction:column}
.dl-sidebar-brand{padding:5px 9px 28px;border-bottom:1px solid var(--dl-border)}
.dl-nav{padding-top:18px;display:grid;gap:5px}
.dl-nav a,.dl-sidebar-bottom a{display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:10px;color:#53606d;text-decoration:none;font-size:13px;font-weight:650}
.dl-nav a:hover{background:#f4f7f8;color:var(--dl-navy)}
.dl-nav a.is-active{background:#eafaf4;color:#087b50}
.dl-nav-icon{width:22px;text-align:center;font-size:16px}
.dl-sidebar-bottom{margin-top:auto;border-top:1px solid var(--dl-border);padding-top:15px}
.dl-sidebar-bottom a{font-weight:550}
.dl-portal-main{flex:1;min-width:0;padding:35px clamp(20px,4vw,55px)}
.dl-portal-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}
.dl-portal-header h1{font-size:32px}
.dl-user{display:flex;align-items:center;gap:10px}
.dl-user>div:last-child{display:grid}
.dl-user strong{font-size:13px}
.dl-user span{font-size:11px;color:var(--dl-muted);margin-top:3px}
.dl-avatar{width:42px;height:42px;border-radius:50%;background:var(--dl-navy);color:#fff;display:grid;place-items:center;font-weight:800}
.dl-mobile-nav{display:none}
.dl-section{display:grid;gap:20px}
.dl-welcome{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:26px 28px;background:#fff;border:1px solid var(--dl-border);border-radius:var(--dl-radius);box-shadow:var(--dl-shadow)}
.dl-welcome h2{font-size:25px}
.dl-welcome p{max-width:650px}
.dl-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}
.dl-stat{background:#fff;border:1px solid var(--dl-border);border-radius:var(--dl-radius);padding:19px;text-decoration:none;display:grid;gap:7px;box-shadow:var(--dl-shadow)}
.dl-stat:hover{transform:translateY(-1px)}
.dl-stat-icon{font-size:18px;color:var(--dl-green)}
.dl-stat strong{font-size:26px;color:var(--dl-navy)}
.dl-stat span:last-child{font-size:12px;color:var(--dl-muted)}
.dl-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.dl-card{background:#fff;border:1px solid var(--dl-border);border-radius:var(--dl-radius);padding:24px;box-shadow:var(--dl-shadow);box-sizing:border-box}
.dl-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:20px}
.dl-card-head h2{font-size:20px}
.dl-card-head h3{margin:0;font-size:15px}
.dl-card-head a{font-size:12px}
.dl-order-list{display:grid}
.dl-order-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 0;border-top:1px solid var(--dl-border)}
.dl-order-row>div{display:grid;gap:5px}
.dl-order-row>div:last-child{text-align:right}
.dl-order-row strong{font-size:13px}
.dl-order-row span{font-size:11px;color:var(--dl-muted)}
.dl-status{display:inline-block;border-radius:999px;padding:3px 8px;font-size:10px!important;font-weight:700}
.dl-status-processing,.dl-status-completed{background:#eafaf4;color:#087b50}
.dl-status-pending,.dl-status-on-hold{background:#fff7df;color:#8a6500}
.dl-status-cancelled,.dl-status-failed,.dl-status-refunded{background:#fff1f1;color:#a12626}
.dl-empty{display:grid;gap:8px;padding:20px 0;color:var(--dl-muted);font-size:13px}
.dl-empty strong{color:var(--dl-navy);font-size:14px}
.dl-empty .dl-button{width:max-content;margin-top:8px}
.dl-map-card{overflow:hidden}
.dl-map-placeholder{height:220px;border-radius:12px;position:relative;overflow:hidden;background:#edf2f1;margin-bottom:15px}
.dl-map-grid{position:absolute;inset:-30px;background-image:linear-gradient(90deg,rgba(6,22,37,.06) 1px,transparent 1px),linear-gradient(rgba(6,22,37,.06) 1px,transparent 1px);background-size:45px 45px;transform:rotate(-7deg) scale(1.2)}
.dl-map-pin{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);font-size:45px;color:var(--dl-green);text-shadow:0 5px 15px rgba(6,22,37,.15)}
.dl-map-label{position:absolute;left:18px;bottom:15px;background:#fff;border-radius:9px;padding:9px 12px;font-size:11px;font-weight:700;box-shadow:0 5px 15px rgba(6,22,37,.1)}
.dl-address{font-size:13px;line-height:1.65;color:var(--dl-muted)}
.dl-empty-page{min-height:300px;display:grid;place-items:center;text-align:center;align-content:center}
.dl-placeholder-icon{width:50px;height:50px;border-radius:50%;background:#eafaf4;color:var(--dl-green);display:grid;place-items:center;font-size:24px;margin-bottom:8px}
@media (max-width:1024px){
	.dl-stat-grid{grid-template-columns:repeat(2,1fr)}
	.dl-grid-2{grid-template-columns:1fr}
}
@media (max-width:767px){
	.dl-auth-page{min-height:0}
	.dl-auth-shell{grid-template-columns:1fr;min-height:0}
	.dl-auth-side{min-height:430px;padding:30px 22px}
	.dl-auth-side-content{padding:45px 0 25px}
	.dl-auth-side-content h1{font-size:34px}
	.dl-auth-main{padding:24px 18px 35px}
	.dl-auth-card{padding:10px 0}
	.dl-auth-intro h1{font-size:25px}
	.dl-portal{display:block}
	.dl-sidebar{display:none}
	.dl-portal-main{padding:22px 14px}
	.dl-portal-header{align-items:flex-start;margin-bottom:18px}
	.dl-portal-header h1{font-size:25px}
	.dl-user>div:last-child{display:none}
	.dl-mobile-nav{display:block;margin-bottom:16px}
	.dl-welcome{display:grid;padding:20px}
	.dl-stat-grid{grid-template-columns:1fr 1fr;gap:10px}
	.dl-stat{padding:15px}
	.dl-card{padding:19px}
	.dl-grid-2{gap:14px}
}