*{box-sizing:border-box;margin:0;padding:0}html,body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0e192f;width:100%;height:100%;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}#root{min-height:100dvh}img{max-width:100%;height:auto;display:block}.dashboard-viewport-wrapper,.duties-viewport-wrapper,.duty-details-viewport-wrapper,.start-trip-viewport-wrapper,.active-trip-viewport-wrapper,.add-expense-viewport-wrapper,.end-trip-viewport-wrapper,.trip-completed-viewport-wrapper,.trip-expenses-viewport-wrapper,.expense-details-viewport-wrapper,.create-duty-viewport-wrapper,.duty-created-viewport-wrapper,.trips-viewport-wrapper,.trip-details-viewport-wrapper,.profile-viewport-wrapper,.vehicle-history-viewport-wrapper,.help-support-viewport-wrapper,.notifications-viewport-wrapper{background-color:#0e192f;justify-content:center;align-items:center;height:100dvh;display:flex;overflow:hidden}.dashboard-app-container,.duties-app-container,.duty-details-app-container,.start-trip-app-container,.active-trip-app-container,.add-expense-app-container,.end-trip-app-container,.trip-completed-app-container,.trip-expenses-app-container,.expense-details-app-container,.create-duty-app-container,.duty-created-app-container,.trips-app-container,.trip-details-app-container,.profile-app-container,.vehicle-history-app-container,.help-support-app-container,.notifications-app-container{background-color:#f8fafc;flex-direction:column;width:100%;max-width:412px;height:100dvh;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #00000040}.dash-top-header-wrapper,.duties-top-header-wrapper,.duty-details-pinned-top,.start-trip-pinned-top,.active-trip-pinned-top,.add-expense-pinned-top,.end-trip-pinned-top,.trip-completed-pinned-top,.trip-expenses-pinned-top,.expense-details-pinned-top,.create-duty-pinned-top,.duty-created-pinned-top,.trips-pinned-top,.trip-details-pinned-top{z-index:50;flex-shrink:0;width:100%;position:sticky;top:0;box-shadow:0 2px 8px #0000000f}.dash-header{color:#fff;background:linear-gradient(135deg,#072e73 0%,#031b47 100%);width:100%;padding:10px 14px}.dash-header-main{justify-content:space-between;align-items:center;width:100%;display:flex}.dash-brand-block{-webkit-user-select:none;user-select:none;align-items:center;gap:10px;display:flex}.header-brand-logo-img{object-fit:contain;background:#fff;border-radius:10px;flex-shrink:0;width:38px;height:38px;padding:2px;box-shadow:0 2px 6px #0000002e}.dash-brand-texts{flex-direction:column;justify-content:center;display:flex}.dash-brand-texts h2{letter-spacing:.05em;text-transform:uppercase;color:#fff;margin:0;font-size:1.05rem;font-weight:900;line-height:1.05}.dash-brand-texts span{letter-spacing:.16em;color:#dbeafe;margin-top:1px;font-size:.52rem;font-weight:700;display:block}.dash-portal-tag{letter-spacing:.12em;color:#38bdf8;margin-top:1px;font-size:.48rem;font-weight:600}.dash-header-right,.duties-header-right,.duty-details-header-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.dash-notif-btn{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff24;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .15s;display:flex;position:relative}.dash-notif-btn:hover{background:#ffffff29;transform:scale(1.04)}.dash-notif-btn:active{transform:scale(.95)}.dash-notif-badge{color:#fff;background:#ef4444;border:1.5px solid #072e73;border-radius:50%;justify-content:center;align-items:center;min-width:15px;height:15px;padding:0 2px;font-size:.56rem;font-weight:800;display:flex;position:absolute;top:-2px;right:-2px}.duty-badge{letter-spacing:.01em;border-radius:6px;padding:3px 8px;font-size:.62rem;font-weight:700;display:inline-block}.badge-blue{color:#0284c7;background-color:#e0f2fe}.badge-green{color:#16a34a;background-color:#dcfce7}.badge-gray{color:#64748b;background-color:#f1f5f9}.route-arrow-symbol{color:#0f172a;flex-shrink:0;margin:0 4px;font-size:.95rem;font-weight:800}