.header{background-color:var(--white);padding:calc(15px + env(safe-area-inset-top,0px)) 0 15px 0;border-bottom:1px solid var(--grey-light);position:sticky;top:0;z-index:300}.nav-container{display:flex;justify-content:space-between;align-items:center;position:relative;gap:12px}.logo{font-size:1.5rem;font-weight:700;color:var(--royal-blue);cursor:pointer}.header-right{display:flex;align-items:center;gap:10px}.avatar-menu-wrapper{position:relative}.avatar-button{border:none;background:transparent;padding:0;cursor:pointer}.menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000026;z-index:180}.avatar-image{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid var(--light-blue)}.avatar-image.large{width:64px;height:64px;border-radius:50%;margin-bottom:8px}.avatar-initials{width:36px;height:36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--light-blue);color:#fff;font-weight:700;border:2px solid var(--light-blue)}.avatar-initials.large{width:64px;height:64px;font-size:1.2rem;margin-bottom:8px}.avatar-dropdown{position:absolute;right:0;top:52px;background:#fff;border:1px solid var(--grey-light);border-radius:14px;box-shadow:0 14px 32px #0000001f;padding:18px;width:320px;max-height:80vh;overflow-y:auto;z-index:200}.avatar-section{display:flex;flex-direction:column;align-items:center;gap:6px;margin-bottom:14px}.avatar-email{font-size:.9rem;color:var(--text-color);text-align:center;word-break:break-all}.avatar-upload input{display:none}.avatar-upload{cursor:pointer;color:var(--light-blue);font-weight:600;text-decoration:underline;font-size:.9rem}.menu-section{padding-top:6px;margin-top:8px}.menu-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;gap:8px}.ribbon-status{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;background:linear-gradient(135deg,#e0f2fe,#f0fdf4);color:var(--text-color);border:1px solid #dbeafe}.ribbon-status.paused{background:linear-gradient(135deg,#fff7ed,#fef3c7);border:1px solid #fed7aa}.ribbon-status .dot{width:10px;height:10px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px #22c55e1f}.ribbon-status.paused .dot{background:#f59e0b;box-shadow:0 0 0 3px #f59e0b29}.ribbon-status .icon-toggle{margin-left:auto}.menu-item .pill-toggle{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:12px;border:1px solid #e5e7eb;background:#fff;color:var(--text-color);font-weight:700;cursor:pointer;transition:transform .12s ease,box-shadow .2s ease,background .2s ease;box-shadow:0 6px 14px #0f172a14}.menu-item .pill-toggle:hover{transform:translateY(-1px);box-shadow:0 10px 18px #0f172a1f;background:#f8fafc}.menu-item .pill-toggle .dot{width:12px;height:12px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 4px #22c55e1f}.menu-item .pill-toggle.paused .dot{background:#f59e0b;box-shadow:0 0 0 4px #f59e0b29}.menu-item .pill-toggle .label{font-size:.9rem}.menu-item.column{flex-direction:column;align-items:flex-start}.menu-item input{width:100%;padding:8px;border:1px solid var(--grey-light);border-radius:8px;font-size:.95rem}.password-form .button{margin-top:8px}.info-text{font-size:.85rem;margin-top:4px}.info-text.success{color:var(--green-dark)}.info-text.error{color:var(--red-accent)}.menu-actions{display:flex;flex-direction:column;gap:10px}.button.ghost-button{background:#f4f7ff;color:var(--royal-blue);border:1px solid var(--grey-light)}.button.ghost-button:hover{background:#e9f0ff}.nav-toggle-wrapper{position:relative}.nav-toggle,.hamburger{display:block;background:none;border:none;cursor:pointer;padding:0;z-index:210;width:32px;height:26px}.hamburger-icon{position:relative;width:32px;height:26px}.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:11px}.hamburger-icon span:nth-child(3){top:22px}.hamburger-icon.open span:nth-child(1){top:11px;transform:rotate(135deg)}.hamburger-icon.open span:nth-child(2){opacity:0;left:-30px}.hamburger-icon.open span:nth-child(3){top:11px;transform:rotate(-135deg)}.nav-menu{position:absolute;right:0;top:52px;background:#fff;border:1px solid var(--grey-light);border-radius:14px;box-shadow:0 14px 32px #0000001f;padding:12px 0;width:240px;z-index:205;display:flex;flex-direction:column;gap:4px}.nav-menu .nav-link{text-decoration:none;color:var(--text-color);font-weight:600;padding:10px 16px;cursor:pointer;font-size:.95rem}.nav-menu .nav-link:hover{background:var(--bg-light)}.nav-menu .nav-link.active{background:var(--bg-light);color:var(--royal-blue);border-left:3px solid var(--royal-blue)}.nav-menu .nav-cta,.avatar-dropdown .status-cta{margin:8px 0 4px;padding:12px 16px;border-radius:10px;cursor:pointer;font-weight:700;background:#fff;display:flex;justify-content:center;align-items:center;gap:10px;transition:transform .12s ease,box-shadow .2s ease,background .2s ease}.nav-menu .nav-cta{border:1px solid #e5e7eb;color:#b91c1c;box-shadow:0 6px 14px #b91c1c26}.nav-menu .nav-cta:hover{transform:translateY(-1px);box-shadow:0 10px 18px #b91c1c40;background:#fff5f5}.nav-menu .status-cta,.avatar-dropdown .status-cta{color:#f59e0b;border:1px solid #fde68a;box-shadow:0 6px 14px #f59e0b29;gap:10px}.nav-menu .status-cta:hover,.avatar-dropdown .status-cta:hover{transform:translateY(-1px);box-shadow:0 10px 18px #f59e0b33;background:#fffaf0}.nav-menu .status-cta.paused,.avatar-dropdown .status-cta.paused{color:#f59e0b;border:1px solid #fde68a;box-shadow:0 6px 14px #f59e0b29}.avatar-dropdown .status-cta{width:100%;margin:8px 0 4px}.avatar-dropdown .status-cta{display:flex;align-items:center;justify-content:center}.status-cta .status-icon{width:20px;height:20px;stroke:currentColor;fill:none;flex-shrink:0}.nav-menu .icon-power{width:18px;height:18px;position:relative;display:inline-block;border:2px solid #b91c1c;border-radius:50%;box-sizing:border-box}.nav-menu .icon-power:before{content:"";position:absolute;top:1px;left:50%;width:2px;height:8px;background:#b91c1c;transform:translate(-50%);border-radius:2px}.nav-menu .nav-link.subtle{color:var(--text-muted);font-weight:500}@media (max-width: 767px){.avatar-dropdown{position:fixed;top:80px;right:16px;left:16px;width:auto;max-width:none;max-height:calc(100vh - 120px)}.nav-menu{position:fixed;top:80px;right:12px;left:12px;width:auto;max-width:none}.nav-container{align-items:center}}.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}.legal-modal{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:300}.legal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000073}.legal-card{position:relative;background:#fff;color:#111827;padding:16px;border-radius:12px;width:min(640px,92vw);max-height:80vh;overflow:auto;box-shadow:0 12px 30px #0003;z-index:1}.legal-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.legal-close{background:none;border:none;font-size:1.4rem;cursor:pointer;color:#111827}.legal-body{white-space:pre-wrap;line-height:1.5;font-size:.95rem}.legal-body h1{font-size:1.3rem;margin:.4rem 0}.legal-body h2{font-size:1.15rem;margin:.35rem 0}.legal-body h3{font-size:1.05rem;margin:.3rem 0}.legal-body p{margin:.3rem 0}.legal-body ul{padding-left:1.2rem;margin:.3rem 0}.legal-body li{margin:.15rem 0}.legal-body a{color:var(--royal-blue);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);padding-top:80px}.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}