.header{background-color:var(--white);padding:15px 0;border-bottom:1px solid var(--grey-light);position:relative}.nav-container{display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.5rem;font-weight:700;color:var(--royal-blue);cursor:pointer}.nav-links{display:flex;align-items:center;gap:15px}.nav-links .button.primary-button{font-size:.9rem;padding:8px 16px}.hamburger{display:block;background:none;border:none;cursor:pointer;padding:0;z-index:101;width:30px;height:24px}.hamburger-icon{position:relative;width:30px;height:24px}.hamburger-icon span{display:block;position:absolute;height:3px;width:100%;background:var(--royal-blue);border-radius:3px;opacity:1;left:0;transition:.25s ease-in-out}.hamburger-icon span:nth-child(1){top:0}.hamburger-icon span:nth-child(2){top:10px}.hamburger-icon span:nth-child(3){top:20px}.hamburger-icon.open span:nth-child(1){top:10px;transform:rotate(135deg)}.hamburger-icon.open span:nth-child(2){opacity:0;left:-30px}.hamburger-icon.open span:nth-child(3){top:10px;transform:rotate(-135deg)}.hamburger+.nav-links .nav-link{display:none}.nav-link{text-decoration:none;color:var(--royal-blue);font-weight:500;cursor:pointer;font-size:.9rem}.nav-link:hover{color:var(--light-blue)}.hamburger+.nav-links.is-open{display:flex;flex-direction:column;position:absolute;top:calc(100% + 10px);right:20px;background:var(--white);border-radius:8px;box-shadow:0 4px 20px #0000001a;width:200px;z-index:100}.hamburger+.nav-links.is-open .nav-link{display:block;padding:15px 20px;width:100%;box-sizing:border-box;text-align:center;cursor:pointer}.hamburger+.nav-links.is-open .nav-link:hover{background-color:var(--bg-light)}@media (min-width: 768px){.header{padding:20px 0}.hamburger{display:none}.nav-links{position:static;flex-direction:row;width:auto;box-shadow:none;background:none;gap:25px}.nav-links .nav-link,.hamburger+.nav-links .nav-link{display:block;padding:0;font-size:1rem}.nav-links .nav-link:hover{background-color:transparent}.nav-links .button.primary-button{font-size:1rem;padding:10px 20px}}.footer{background-color:var(--royal-blue);color:var(--white);padding:20px 0;margin-top:auto}.footer-container{display:flex;flex-direction:column;align-items:center;gap:15px;text-align:center}.version-info{font-weight:700;color:var(--white);order:3}.copyright-info{margin:0;font-size:.9rem;order:2}.footer-links{order:1;display:flex;gap:20px;align-items:center}.footer-link{color:var(--white);text-decoration:none;font-weight:500;transition:text-decoration .2s ease;cursor:pointer}.footer-link:hover{text-decoration:underline}.footer-actions{display:flex;flex-direction:column;align-items:center;gap:6px;order:2}.footer-install-btn{background:#fff;color:var(--royal-blue);border:none;padding:8px 14px;border-radius:10px;font-weight:700;cursor:pointer;box-shadow:0 4px 10px #0000001f;transition:transform .2s ease,box-shadow .2s ease}.footer-install-btn:hover{transform:translateY(-1px);box-shadow:0 6px 14px #00000029}.footer-hint{font-size:.85rem;color:#e6e6e6;text-align:center}@media (min-width: 768px){.footer-container{flex-direction:row;justify-content:space-between}.copyright-info{order:1}.footer-links{order:2}.footer-actions{order:3;align-items:flex-start}.version-info{order:4}}.toast-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:10px;pointer-events:none}.toast{pointer-events:auto;min-width:300px;max-width:450px;background-color:var(--white);border-radius:12px;padding:16px;box-shadow:0 10px 30px #00000026;display:flex;align-items:flex-start;gap:12px;animation:slideIn .3s ease-out;cursor:pointer;border-left:5px solid transparent}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.toast-success{border-left-color:var(--green-dark)}.toast-error{border-left-color:var(--red-accent)}.toast-info{border-left-color:var(--royal-blue)}.toast-warning{border-left-color:var(--orange-dark)}.toast-icon{font-size:1.2rem}.toast-message{flex:1;font-size:.95rem;color:var(--text-color);line-height:1.5}.toast-close{background:none;border:none;font-size:1.2rem;color:var(--grey-dark);cursor:pointer;padding:0 4px;line-height:1}.toast-close:hover{color:var(--text-color)}.main-content{flex:1;display:flex;flex-direction:column;background-color:var(--bg-light)}.content-wrapper{width:100%;flex:1;display:flex;flex-direction:column}.dashboard-container{flex-grow:1;padding:20px 0;width:100%}.nav-buttons{display:flex;flex-direction:column-reverse;gap:10px;margin-top:30px}.nav-buttons .button{width:100%}.nav-buttons div{display:none}@media (min-width: 768px){.dashboard-container{padding:40px 0}.nav-buttons{flex-direction:row;justify-content:space-between}.nav-buttons .button{width:auto}.nav-buttons div{display:block}}:root{--white: #FFFFFF;--royal-blue: #002366;--light-blue: #4169E1;--red-accent: #D90429;--text-color: #333333;--bg-light: #f8f9fa;--grey-light: #eee;--grey-medium: #ccc;--grey-dark: #666;--green-dark: #28a745;--red-dark: #dc3545;--yellow-dark: #ffc107;--orange-dark: #fd7e14;--green-step-1: #e9f5ea;--green-step-2: #c8e6c9;--green-step-3: #a5d6a7;--green-step-4: #66bb6a;--green-step-5: #28a745;--text-color-step-light: #1e4620;--text-color-step-dark: #ffffff;--shadow-soft: 0 10px 30px -5px rgba(0, 0, 0, .06);--shadow-hover: 0 20px 40px -5px rgba(0, 0, 0, .12);--radius-card: 20px;--radius-pill: 50px;--gradient-hero: linear-gradient(135deg, #f5f9ff 0%, #ffffff 100%)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin:0;background-color:var(--bg-light);color:var(--text-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}#root{min-height:100dvh;display:flex;flex-direction:column}.container{width:100%;max-width:1140px;margin:0 auto;padding:0 20px;box-sizing:border-box}.full-width{width:100%}.view-title{font-size:2rem;color:var(--royal-blue);text-align:center;margin-bottom:40px;font-weight:700}.button{padding:12px 24px;border:none;border-radius:var(--radius-pill);cursor:pointer;font-weight:600;font-size:1rem;transition:all .3s ease;text-align:center;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:0 4px 6px #0000000d}.button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none!important}.button:active{transform:scale(.98)}.primary-button{background-color:var(--light-blue);color:var(--white)}.primary-button:hover:not(:disabled){background-color:#3558be;box-shadow:0 6px 12px #4169e14d;transform:translateY(-1px)}.secondary-button{background-color:#fff;color:var(--text-color);border:1px solid var(--grey-medium)}.secondary-button:hover:not(:disabled){background-color:#f8f9fa;border-color:var(--grey-dark);transform:translateY(-1px)}.cta-button{background-color:var(--red-accent);color:var(--white)}.cta-button:hover:not(:disabled){background-color:#b80323;box-shadow:0 6px 12px #d904294d;transform:translateY(-1px)}.input-group{margin-bottom:20px}.label{display:block;margin-bottom:8px;color:var(--royal-blue);font-weight:600;font-size:.9rem}.input,.textarea{width:100%;padding:14px 16px;border:1px solid #d6dce8;background-color:#f7f9fc;border-radius:12px;font-size:1rem;box-sizing:border-box;font-family:inherit;box-shadow:0 2px 5px #00000008;transition:all .2s ease;color:var(--royal-blue);font-weight:600}.input:focus,.textarea:focus{outline:none;border-color:var(--light-blue);box-shadow:0 0 0 4px #4169e126}.input::placeholder,.textarea::placeholder{color:#aaa;font-weight:400}.textarea{min-height:120px;resize:vertical}.error-message{color:var(--red-accent);text-align:center;margin-bottom:20px;background-color:#fff5f5;border:1px solid #ffcdd2;border-radius:12px;padding:15px;font-weight:500}.success-message{color:#155724;text-align:center;margin-bottom:20px;background-color:#d4edda;border:1px solid #c3e6cb;border-radius:12px;padding:15px}.error-message-inline{color:var(--red-accent);font-size:.85rem;margin-top:6px;margin-left:4px}.image-thumbnail{width:80px;height:80px;object-fit:cover;border-radius:12px;cursor:pointer;border:2px solid #fff;box-shadow:0 4px 8px #0000001a}.pdf-thumbnail{color:var(--red-accent);border:1px solid var(--grey-light);padding:10px;box-sizing:border-box;background:#fff}.rejection-note{background-color:#fff5f5;border-left:4px solid var(--red-accent);padding:15px;border-radius:0 8px 8px 0;margin-top:15px}.rejection-note p{margin:0;color:var(--text-color)}.rejection-note p b{color:var(--red-accent)}.expiry-date-soon{color:var(--orange-dark);font-weight:700}.expiry-date-expired{color:var(--red-dark);font-weight:700}
