.admin-shell{display:flex;min-height:100vh;background:var(--gray-50)}.admin-sidebar{width:260px;flex-shrink:0;background:linear-gradient(180deg,var(--navy) 0%,var(--navy-light) 100%);color:#ffffffe6;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.admin-sidebar__brand{padding:1.5rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.08)}.admin-sidebar__brand img{height:40px;margin-bottom:.75rem}.admin-sidebar__title{font-size:1.1rem;font-weight:700;color:var(--white)}.admin-sidebar__subtitle{font-size:.85rem;opacity:.65;margin-top:.15rem}.admin-nav{flex:1;padding:1rem .75rem;display:flex;flex-direction:column;gap:.25rem}.admin-nav__link{display:block;padding:.75rem 1rem;border-radius:8px;color:#ffffffd9;font-weight:500;font-size:.95rem;transition:.15s ease}.admin-nav__link:hover{background:#ffffff14;color:var(--white)}.admin-nav__link.active{background:var(--red);color:var(--white)}.admin-sidebar__footer{padding:1rem 1.25rem;border-top:1px solid rgba(255,255,255,.08);font-size:.85rem}.admin-sidebar__user{margin-bottom:.75rem;opacity:.85}.admin-main{flex:1;min-width:0;padding:2rem}.admin-page-title{font-size:1.75rem;font-weight:700;color:var(--navy);margin-bottom:.25rem}.admin-page-desc{color:var(--gray-600);margin-bottom:1.5rem}.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem}.admin-stat{background:var(--white);border-radius:var(--radius);padding:1.25rem;box-shadow:var(--shadow);border-left:4px solid var(--red)}.admin-stat__num{font-size:1.75rem;font-weight:700;color:var(--navy)}.admin-stat__label{font-size:.9rem;color:var(--gray-600);margin-top:.25rem}.admin-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}.admin-filters{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem;align-items:flex-end}.admin-filters .form-group{margin-bottom:0;min-width:140px}.admin-filters .form-control{min-width:160px}.admin-edit-card{border-left:4px solid var(--red)}.admin-edit-card__head,.admin-edit-card__actions,.admin-row-actions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.admin-edit-card__head{justify-content:space-between;margin-bottom:1rem}.admin-edit-card__head .card__title,.admin-edit-card__head .field-hint{margin-bottom:0}.admin-edit-card__actions{margin-top:.5rem}.admin-row-actions{min-width:180px}.badge{display:inline-block;padding:.2rem .6rem;border-radius:999px;font-size:.8rem;font-weight:600}.badge--active{background:#e8f5e9;color:#2e7d32}.badge--pending{background:#fff3e0;color:#e65100}.badge--disabled{background:#fde8e8;color:#9b1c1c}.badge--employee{background:#1a1a2e1a;color:var(--navy)}.badge--agent{background:#ca1f261a;color:var(--red)}.credentials-box{background:var(--navy);color:var(--white);border-radius:var(--radius);padding:1.5rem;margin-top:1rem}.credentials-box dl{display:grid;grid-template-columns:auto 1fr;gap:.5rem 1rem;margin-top:.75rem}.credentials-box dt{opacity:.7;font-size:.9rem}.credentials-box dd{font-family:Consolas,Courier New,monospace;font-weight:600;font-size:1.05rem}.admin-login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--navy) 0%,var(--navy-light) 60%,rgba(202,31,38,.35) 100%);padding:2rem 1.25rem}.admin-login-card{width:100%;max-width:420px;background:var(--white);border-radius:var(--radius);padding:2rem;box-shadow:0 12px 48px #00000040}.admin-login-card__badge{display:inline-block;padding:.3rem .75rem;background:#ca1f261a;color:var(--red);border-radius:999px;font-size:.8rem;font-weight:600;margin-bottom:1rem}.toggle-row{display:flex;align-items:center;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid var(--gray-200)}.toggle-row:last-child{border-bottom:none}.toggle-switch{position:relative;width:48px;height:26px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--gray-200);border-radius:999px;cursor:pointer;transition:.2s}.toggle-slider:before{content:"";position:absolute;width:20px;height:20px;left:3px;bottom:3px;background:var(--white);border-radius:50%;transition:.2s}.toggle-switch input:checked+.toggle-slider{background:var(--red)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(22px)}@media(max-width:900px){.admin-shell{flex-direction:column}.admin-sidebar{width:100%;height:auto;position:relative}.admin-nav{flex-direction:row;flex-wrap:wrap;padding:.5rem}.admin-main{padding:1.25rem}.admin-stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.admin-stats{grid-template-columns:1fr}}.role-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-bottom:1.5rem}.role-tab{padding:.75rem .5rem;border:2px solid var(--gray-200);border-radius:8px;background:var(--white);color:var(--gray-800);font-family:var(--font);font-size:.85rem;font-weight:600;cursor:pointer;transition:.2s ease;text-align:center;line-height:1.3}.role-tab--member:hover{border-color:var(--gray-600)}.role-tab--member.role-tab--active{border-color:var(--navy);background:#1a1a2e0f;color:var(--navy)}.role-tab--customer:hover{border-color:var(--blue);color:var(--blue)}.role-tab--customer.role-tab--active{border-color:var(--blue);background:#2563eb14;color:var(--blue)}.role-tab--agent:hover{border-color:var(--red);color:var(--red)}.role-tab--agent.role-tab--active{border-color:var(--red);background:#ca1f2614;color:var(--red)}@media(max-width:480px){.role-tabs{grid-template-columns:1fr}}:root{--red: #ca1f26;--red-dark: #a8181e;--blue: #2563eb;--blue-dark: #1d4ed8;--navy: #1a1a2e;--navy-light: #232331;--teal: #0d7377;--teal-light: #14a3a8;--gray-50: #f8f9fa;--gray-100: #f1f3f5;--gray-200: #e9ecef;--gray-600: #6c757d;--gray-800: #343a40;--white: #ffffff;--shadow: 0 4px 24px rgba(0, 0, 0, .08);--radius: 12px;--header-h: 72px;--font: "Sarabun", "Noto Sans Thai", sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font);font-size:1.05rem;line-height:1.7;color:var(--gray-800);background:var(--gray-50);-webkit-font-smoothing:antialiased}a{color:var(--red);text-decoration:none}a:hover{color:var(--red-dark)}.container{width:100%;max-width:1140px;margin:0 auto;padding:0 1.25rem}.app{min-height:100vh;display:flex;flex-direction:column}.header{position:sticky;top:0;z-index:100;height:var(--header-h);background:#fffffff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--gray-200);box-shadow:var(--shadow)}.header__inner{display:flex;align-items:center;justify-content:space-between;height:var(--header-h);gap:1rem}.header__logo img{height:48px;width:auto}.nav{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem}.nav__link{padding:.5rem .75rem;font-size:.92rem;font-weight:500;color:var(--gray-800);border-radius:6px;border:none;background:none;cursor:pointer;font-family:var(--font)}.nav__link:hover,.nav__link.active{color:var(--red);background:#ca1f260f}.nav__link--express{background:var(--red);color:var(--white)!important}.nav__link--express:hover{background:var(--red-dark);color:var(--white)!important}.main{flex:1}.footer{background:var(--navy);color:#ffffffb3;padding:1.25rem 0;margin-top:auto}.footer__inner{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.75rem;font-size:.9rem}.footer a{color:var(--teal-light)}.hero{position:relative;min-height:calc(100vh - var(--header-h) - 60px);display:flex;align-items:center;background:var(--navy) url(https://images.unsplash.com/photo-1566576721346-d4a3938d8773?auto=format&fit=crop&w=1920&q=80) center/cover no-repeat}.hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#1a1a2eeb,#232331c7,#0d73778c)}.hero__content{position:relative;z-index:1;padding:4rem 0;color:var(--white);max-width:780px}.hero__badge{display:inline-block;padding:.4rem 1rem;background:#ffffff1f;border:1px solid rgba(255,255,255,.2);border-radius:999px;font-size:.875rem;margin-bottom:1.5rem}.hero__title{font-size:clamp(2rem,5vw,3rem);font-weight:700;line-height:1.2;margin-bottom:.75rem}.hero__subtitle{font-size:clamp(1.1rem,2.5vw,1.4rem);color:var(--teal-light);margin-bottom:1rem}.hero__desc{color:#ffffffd9;margin-bottom:2rem;max-width:600px}.hero__actions{display:flex;flex-wrap:wrap;gap:1rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.875rem 1.75rem;font-family:var(--font);font-size:1rem;font-weight:600;border-radius:8px;border:2px solid transparent;cursor:pointer;transition:.2s ease}.btn--primary{background:var(--red);color:var(--white);border-color:var(--red)}.btn--primary:hover{background:var(--red-dark);border-color:var(--red-dark);color:var(--white)}.btn--outline{background:transparent;color:var(--white);border-color:#ffffff80}.btn--outline:hover{background:#ffffff1a;border-color:var(--white);color:var(--white)}.btn--dark{background:var(--navy);color:var(--white);border-color:var(--navy);white-space:nowrap}.btn--block{width:100%}.btn:disabled{opacity:.6;cursor:not-allowed}.page{max-width:1140px;margin:0 auto;padding:2.5rem 1.25rem}.page-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}.page-title{font-size:1.75rem;font-weight:700;color:var(--navy);margin-bottom:.25rem}.page-desc{color:var(--gray-600)}.page-loading,.page-center{text-align:center;padding:2rem;color:var(--gray-600)}.muted{color:var(--gray-600)}.card{background:var(--white);border-radius:var(--radius);padding:2rem;box-shadow:var(--shadow);margin-bottom:1.25rem}.card--narrow{max-width:640px;margin-left:auto;margin-right:auto}.card__title{font-size:1.15rem;font-weight:700;color:var(--navy);margin-bottom:1rem}.card__subtitle{font-size:1rem;font-weight:600;margin:1.5rem 0 1rem;color:var(--navy)}.form{display:flex;flex-direction:column;gap:.25rem}.form-group{margin-bottom:1rem}.form-group label{display:block;font-weight:600;margin-bottom:.35rem;color:var(--navy);font-size:.95rem}.form-control{width:100%;padding:.75rem 1rem;border:1px solid var(--gray-200);border-radius:8px;font-family:var(--font);font-size:1rem}.form-control:focus{outline:none;border-color:var(--red);box-shadow:0 0 0 3px #ca1f261f}.form-control--readonly,.form-control:disabled{background:var(--gray-100);color:var(--gray-800);cursor:not-allowed}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.input-row{display:flex;gap:.5rem}.form-footer{text-align:center;margin-top:1.25rem;color:var(--gray-600)}.alert{padding:.875rem 1rem;border-radius:8px;margin-bottom:1rem;font-size:.95rem}.alert--error{background:#fde8e8;color:#9b1c1c;border:1px solid #f5c6c6}.alert--info{background:#e8f4f8;color:#0d7377;border:1px solid #b8e0e8}.alert--success{background:#e8f5e9;color:#2e7d32;border:1px solid #c8e6c9}.toast-popup{position:fixed;top:calc(var(--header-h) + 1rem);right:1.25rem;z-index:1000;display:flex;align-items:center;gap:.7rem;max-width:min(420px,calc(100vw - 2rem));padding:.85rem 1rem;border-radius:8px;background:var(--white);box-shadow:0 14px 42px #1a1a2e2e;border:1px solid var(--gray-200);color:var(--gray-800);animation:toast-slide-in .22s ease-out}.toast-popup--success{border-left:4px solid #2e7d32}.toast-popup__icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:1.5rem;height:1.5rem;border-radius:999px;background:#e8f5e9;color:#2e7d32;font-weight:700}.toast-popup__close{margin-left:auto;border:none;background:transparent;color:var(--gray-600);font-size:1.25rem;line-height:1;cursor:pointer;padding:.1rem}.toast-popup__close:hover{color:var(--gray-800)}@keyframes toast-slide-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.field-hint{margin-top:.35rem;font-size:.9rem;color:var(--gray-600)}.settings-page__header{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.settings-page__hint{margin-bottom:1.25rem}.settings-page__boxes{margin-top:1.5rem}.card__subtitle{font-size:1rem;font-weight:600;margin:0 0 .75rem;color:var(--navy)}.my-boxes-list{list-style:none;margin:0 0 1rem;padding:0;border:1px solid var(--gray-200);border-radius:var(--radius);overflow:hidden}.my-boxes-list__item{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1rem;border-bottom:1px solid var(--gray-200)}.my-boxes-list__item:last-child{border-bottom:none}.my-boxes-list__dims{display:block;font-size:.875rem;color:var(--gray-600);margin-top:.15rem}.my-boxes-list__actions{display:flex;gap:.35rem;flex-shrink:0}.btn--sm{padding:.45rem 1rem;font-size:.875rem}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem}.stat-card{background:linear-gradient(135deg,var(--navy),var(--navy-light));color:var(--white);border-radius:var(--radius);padding:1.5rem;text-align:center}.stat-card__num{font-size:2rem;font-weight:700;line-height:1;margin-bottom:.35rem}.stat-card__label{font-size:.9rem;opacity:.75}.table-wrap{overflow-x:auto}.table{width:100%;border-collapse:collapse;font-size:.95rem}.table th,.table td{padding:.75rem;text-align:left;border-bottom:1px solid var(--gray-200)}.table th{font-weight:600;color:var(--navy);background:var(--gray-50)}.status-pill{display:inline-block;padding:.25rem .75rem;background:#0d73771f;color:var(--teal);border-radius:999px;font-size:.85rem;font-weight:600}.detail-list{display:grid;gap:.75rem;margin-bottom:1rem}.detail-list dt{font-weight:600;color:var(--navy);font-size:.85rem}.detail-list dd{color:var(--gray-600)}.timeline{position:relative;padding-left:1.5rem}.timeline__item{position:relative;padding-bottom:1.25rem}.timeline__dot{position:absolute;left:-1.5rem;top:.35rem;width:12px;height:12px;background:var(--red);border-radius:50%}.timeline__status{font-weight:600;color:var(--navy)}.timeline__note{color:var(--gray-600);font-size:.95rem}.timeline__date{color:var(--gray-600);font-size:.85rem;margin-top:.15rem}.timeline__location{color:var(--gray-600);font-size:.9rem}.timeline__dot--iship{background:#1565c0;box-shadow:0 0 0 3px #1565c033}.timeline--iship{margin-bottom:1.5rem}@media(max-width:768px){.nav{gap:.15rem}.nav__link{padding:.4rem .5rem;font-size:.85rem}.stats-grid{grid-template-columns:repeat(2,1fr)}.form-row{grid-template-columns:1fr}.hero__actions{flex-direction:column}.hero__actions .btn{width:100%}.toast-popup{top:.75rem;left:1rem;right:1rem}}@media(max-width:480px){.stats-grid{grid-template-columns:1fr}}.create-shipment{max-width:1200px}.create-shipment__header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.25rem}.create-shipment__steps{color:var(--gray-600);font-size:.95rem;margin-top:.25rem}.btn--light{background:var(--white);color:var(--navy);border:1px solid var(--gray-200);padding:.6rem 1.1rem;font-size:.95rem}.btn--light:hover{background:var(--gray-50);color:var(--navy);border-color:var(--gray-200)}.create-shipment__grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;align-items:start}.create-shipment__col{display:flex;flex-direction:column;gap:1.25rem}.shipment-card{background:var(--white);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow)}.shipment-card__title{display:flex;align-items:center;gap:.5rem;font-size:1.05rem;font-weight:700;color:var(--navy);margin-bottom:1rem}.shipment-card__icon{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border-radius:6px;font-size:.95rem}.shipment-card__icon--sender{background:#ca1f261a}.shipment-card__icon--receiver{background:#0d73771f}.shipment-card__icon--parcel{background:#f59e0b26}.address-search{position:relative}.address-search__dropdown{position:absolute;z-index:20;top:calc(100% + 4px);left:0;right:0;background:var(--white);border:1px solid var(--gray-200);border-radius:8px;box-shadow:var(--shadow);max-height:220px;overflow-y:auto}.address-search__item{display:block;width:100%;padding:.65rem .9rem;text-align:left;border:none;background:none;font-family:var(--font);font-size:.92rem;color:var(--gray-800);cursor:pointer}.address-search__item:hover{background:var(--gray-50)}.address-search__item--muted{color:var(--gray-600);cursor:default}.price-detail{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.price-detail__header{background:var(--navy);color:var(--white);padding:.75rem 1.25rem;font-weight:600;font-size:.95rem}.price-detail__body{padding:1.25rem}.price-detail__placeholder{color:var(--gray-600);font-size:.92rem;margin-bottom:1rem;padding:.75rem;background:var(--gray-100);border-radius:8px}.price-detail__manual{margin-top:.5rem}.rate-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.rate-card{display:flex;align-items:center;gap:.75rem;width:100%;padding:.65rem .85rem;border:1px solid var(--gray-200);border-radius:8px;background:var(--white);cursor:pointer;font-family:var(--font);text-align:left;transition:border-color .15s,background .15s}.rate-card:hover{border-color:var(--red);background:#ca1f260a}.rate-card--selected{border-color:var(--red);background:#ca1f2614}.rate-card__logo{width:36px;height:36px;object-fit:contain}.rate-card__name{flex:1;font-weight:600;color:var(--navy)}.rate-card__code{font-size:.75rem;color:var(--gray-600)}.rate-card__price{font-weight:700;color:var(--red)}.price-detail__footer{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;padding:1rem 1.25rem;border-top:1px solid var(--gray-200);background:var(--gray-50)}.price-detail__label{font-size:.85rem;color:var(--gray-600);margin-bottom:.15rem}.price-detail__carrier{font-weight:600;color:var(--navy)}.price-detail__total{font-size:1.75rem;font-weight:700;color:var(--red);line-height:1.1}.create-shipment__actions{display:flex;align-items:center;gap:1.25rem;margin-top:1.5rem;padding-top:.5rem}.btn--confirm{min-width:220px;padding:1rem 2rem;font-size:1.05rem}.create-shipment__cancel{color:var(--gray-600);font-weight:500}.create-shipment__cancel:hover{color:var(--red)}@media(max-width:900px){.create-shipment__grid{grid-template-columns:1fr}}@media(max-width:768px){.create-shipment__actions{flex-direction:column;align-items:stretch}.btn--confirm{width:100%}}