body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.form-control{border:1px solid #ccc;border-radius:4px;font-size:14px;padding:8px 12px}.form-control:focus{box-shadow:0 0 0 2px #45a04933}.calculated-field{background-color:#f5f5f5;cursor:not-allowed}.form-actions{gap:10px}.btn-primary,.btn-secondary{border-radius:4px;font-size:14px;padding:8px 16px}.btn-primary{background:var(--gradient-primary);box-shadow:var(--shadow)}.btn-primary:hover{background:var(--gradient-accent);box-shadow:var(--shadow-md)}.btn-secondary{background:linear-gradient(135deg,var(--secondary-light) 0,var(--secondary) 100%);border:none;box-shadow:var(--shadow);color:var(--white)}.btn-secondary:hover{background:linear-gradient(135deg,var(--secondary) 0,var(--secondary-dark) 100%);box-shadow:var(--shadow-md);color:var(--white);transform:translateY(-1px)}.expense-form-container{box-shadow:0 2px 4px #0000001a;max-width:600px}.expense-form-container h2{font-size:1.5em;margin-bottom:20px}.add-expense-container{margin:0 auto;max-width:800px;padding:10px}.file-upload-container{margin-top:20px}.custom-file-upload{background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px;padding:8px 16px}.custom-file-upload:hover{background-color:#e5e5e5}.preview-button{background-color:#f5f5f5;border:1px solid #ccc;gap:5px;padding:6px 12px;transition:all .3s ease}.preview-button:hover{background-color:#e5e5e5}body,html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;background:#f3f3f3;font-size:15pt;height:100%;margin:0;touch-action:manipulation;-ms-touch-action:manipulation}*,body,html{font-family:Source Sans Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol}*{box-sizing:border-box;touch-action:manipulation}.fa,.fab,.fal,.far,.fas,[role=button],[tabindex],a,button,input,select,textarea{-webkit-tap-highlight-color:transparent!important;outline:none!important}[role=button]:active,[role=button]:focus,[role=button]:focus-visible,[tabindex]:active,[tabindex]:focus,[tabindex]:focus-visible,a:active,a:focus,a:focus-visible,button:active,button:focus,button:focus-visible,input:active,input:focus,input:focus-visible,select:active,select:focus,select:focus-visible,textarea:active,textarea:focus,textarea:focus-visible{border-color:inherit!important;box-shadow:none!important;outline:none!important}.add-expense-button,.ajouter_note,.btn-primary,.btn-secondary,.button-connect,.buttonLogoutAM,.close-button,.custom-swal-button,.delete-button,.edit-expense-button,.option_camera,.retour_accueil,.valid-note,.validate-button,.view-justificatif-button{-webkit-tap-highlight-color:transparent!important;outline:none!important}.add-expense-button:active,.add-expense-button:focus,.ajouter_note:active,.ajouter_note:focus,.btn-primary:active,.btn-primary:focus,.btn-secondary:active,.btn-secondary:focus,.button-connect:active,.button-connect:focus,.buttonLogoutAM:active,.buttonLogoutAM:focus,.close-button:active,.close-button:focus,.custom-swal-button:active,.custom-swal-button:focus,.delete-button:active,.delete-button:focus,.edit-expense-button:active,.edit-expense-button:focus,.option_camera:active,.option_camera:focus,.retour_accueil:active,.retour_accueil:focus,.valid-note:active,.valid-note:focus,.validate-button:active,.validate-button:focus,.view-justificatif-button:active,.view-justificatif-button:focus{border-color:inherit!important;box-shadow:none!important;outline:none!important}.button-text{color:#fff;font-family:Source Sans Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:.9em}.fa,.fab,.fal,.far,.fas{font-family:Font Awesome\ 6 Free!important;font-weight:900}:root{--header-height:100px;--footer-height:100px;--min-content-height:300px;--max-content-height:calc(100vh - var(--header-height) - var(--footer-height));--content-padding:clamp(1rem,3vh,2.5rem);--login-width:clamp(300px,90%,600px);--input-width:clamp(250px,80%,400px);--login-vertical-spacing:clamp(1rem,3vh,2rem);--login-horizontal-spacing:clamp(1rem,4vw,2rem);--icon-size:clamp(2em,4vw,3.5em);--primary:#0ea5e9;--primary-dark:#0284c7;--primary-light:#38bdf8;--primary-lightest:#e0f2fe;--accent:#06d6a0;--accent-dark:#059669;--accent-light:#6ee7b7;--secondary:#64748b;--secondary-dark:#475569;--secondary-light:#94a3b8;--danger:#ff6b6b;--danger-dark:#ef4444;--danger-light:#fecaca;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--warning:#f59e0b;--warning-dark:#d97706;--warning-light:#fde68a;--success:var(--primary);--success-dark:var(--primary-dark);--success-light:var(--primary-lightest);--shadow-sm:0 1px 2px 0 #0000000d;--shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--gradient-primary:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);--gradient-accent:linear-gradient(135deg,var(--accent) 0%,var(--accent-dark) 100%);--gradient-background:linear-gradient(135deg,var(--gray-50) 0%,var(--gray-100) 100%);--gradient-urban:linear-gradient(135deg,var(--primary-light) 0%,var(--primary) 100%);--menu-margin-top:calc(var(--header-height) + 20px)}body{background-color:#f8fafc;display:flex;flex-direction:column;height:100%;min-height:100vh;overflow-x:hidden;position:relative}body:before{animation:gentleFloat 25s ease-in-out infinite;background:radial-gradient(circle at 20% 30%,#6366f114 0,#0000 50%),radial-gradient(circle at 80% 20%,#22c55e0f 0,#0000 45%),radial-gradient(circle at 50% 80%,#ec48990d 0,#0000 40%),radial-gradient(circle at 70% 60%,#fb923c0a 0,#0000 35%);content:"";height:120%;left:-10%;pointer-events:none;position:fixed;top:-10%;width:120%;z-index:-1}@keyframes gentleFloat{0%,to{opacity:.7;transform:translate(0)}50%{opacity:1;transform:translate(15px,-10px)}}header{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#fffffffa,#f8fafcf2);border-bottom:1px solid #6366f11a;box-shadow:0 2px 8px #0000000f,0 1px 4px #6366f108;display:flex;height:100px;justify-content:space-between;left:0;padding:10px 20px;position:fixed;top:0;transition:all .3s ease;width:100%;z-index:4}main{background:linear-gradient(135deg,#f8fafc,#f3f4f6);flex:1 1;flex-direction:column;min-height:100vh;overflow-y:auto;padding-bottom:10px;padding-top:calc(env(safe-area-inset-top, 0px) + 20px);position:relative}footer,main{align-items:center;display:flex;width:100%;z-index:3}footer{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#fffffffa,#f8fafcf2);border-top:1px solid #6366f11a;bottom:0;box-shadow:0 -2px 8px #0000000f,0 -1px 4px #6366f108;height:100px;justify-content:center;left:0;padding:10px 20px;position:fixed;transition:none}.ajouter_note,.option_camera,.retour_accueil{align-items:center;background:linear-gradient(135deg,#4caf50,#0284c7);background:var(--gradient-primary);border:none;border-radius:50%;bottom:20px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);color:#fff;display:flex;height:70px;justify-content:center;left:50%;position:fixed;text-decoration:none;transform:translateX(-50%);transition:all .3s ease;width:70px;z-index:10}.ajouter_note:before,.option_camera:before,.retour_accueil:before{background:linear-gradient(135deg,#ffffff14,#0000);border-radius:50%;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.ajouter_note:hover,.option_camera:hover,.retour_accueil:hover{background:linear-gradient(135deg,#06d6a0,#059669);background:var(--gradient-accent);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);transform:translateX(-50%) translateY(-2px) scale(1.05)}.fa-plus,.fa-xmark{color:#fff;font-size:2.5em}.fa-home{margin-top:-.1em}.fa-camera,.fa-home{color:#fff;font-size:2em}.fa-user{font-size:1em;z-index:5}.fa-clipboard{font-size:3em}.fa-trash-can{font-size:2em}.camera-menu{background-color:#fff;border:1px solid #ccc;border-radius:20px;box-shadow:0 2px 10px #0000001a;left:50%;max-width:400px;padding:10px;position:fixed;text-align:center;top:75%;transform:translate(-50%,-50%);width:90%;z-index:4}.button-group ul{list-style-type:none;margin:0;padding:0}.button-group ul li{border-bottom:1px solid #ccc;padding:15px 0}.button-group ul li:last-child{border-bottom:none}.cancel-group{background-color:#fff;border:1px solid #ccc;border-radius:20px;box-shadow:0 2px 10px #0000001a;left:50%;max-width:400px;padding:10px;position:fixed;text-align:center;top:80%;transform:translate(-50%,-50%);width:90%;z-index:4}.cancel-group ul{list-style-type:none;margin:0;padding:10px 0}#cancelButton{color:red;font-weight:700;text-decoration:none}#cancelButton:hover{text-decoration:underline}.camera-menu,.cancel-group{opacity:0;pointer-events:none;transition:opacity .5s ease}.camera-menu.active,.cancel-group.active{opacity:1;pointer-events:auto}.avatar-button{-webkit-tap-highlight-color:transparent!important;background:none;background-color:grey;border:none;border-radius:50%;cursor:pointer;height:50px;outline:none!important;overflow:hidden;position:absolute;right:20px;top:20px;transition:all .3s ease;width:50px;z-index:10}.avatar-button:active,.avatar-button:focus{border:none!important;box-shadow:none!important;outline:none!important}.avatar-button:focus-visible{box-shadow:none!important;outline:none!important}.menu-container *,.menu-content *,.user-info *,.user-options *{-webkit-tap-highlight-color:transparent!important;outline:none!important}.menu-container :focus,.menu-content :focus,.user-info :focus,.user-options :focus{border-color:inherit!important;box-shadow:none!important;outline:none!important}.menu-container{animation:smoothClose .5s cubic-bezier(.33,1,.68,1) forwards;background-color:#fff;height:100vh;overflow:hidden;position:fixed;right:0;top:0;transform-origin:top right;width:100vw;z-index:2000}@keyframes smoothClose{0%{border-radius:0;opacity:1;transform:scale(1)}to{border-radius:50%;opacity:0;transform:scale(0)}}.avatar-button.expanded .menu-container{animation:smoothOpen .5s cubic-bezier(.33,1,.68,1);height:100vh;width:100vw}@keyframes smoothOpen{0%{border-radius:50%;opacity:0;transform:scale(0)}to{border-radius:0;opacity:1;transform:scale(1)}}.menu-content{color:#000;display:flex;flex-direction:column;gap:25px;left:50%;max-width:500px;opacity:0;padding:30px;position:absolute;text-align:center;top:5%;transform:translate(-50%);transition:opacity .3s ease .3s;width:85%}.avatar-button.expanded .menu-content{opacity:1}.menu-content h2{color:#45a049;font-size:2rem;font-weight:700;margin:0;text-shadow:0 2px 4px #0000001a}.menu-content p{margin-bottom:30px}.menu-content button[onClick]{background-color:#45a049;border:none;border-radius:6px;bottom:20px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;position:absolute;right:20px}.ajouter_note:active,.option_camera:active,.retour_accueil:active{background-color:#2a5f2d}.login-page{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fffffffa,#f8fafcf2 50%,#f3f4f6eb);border:1px solid #6366f11a;border-radius:20px;box-shadow:0 10px 15px -3px #00000014,0 4px 6px -2px #6366f10f,0 2px 4px -1px #22c55e0a;display:flex;flex-direction:column;justify-content:center;left:50%;padding:clamp(1rem,3vh,2rem) clamp(1rem,4vw,2rem);padding:var(--login-vertical-spacing) var(--login-horizontal-spacing);position:fixed;position:relative;top:50%;transform:translate(-50%,-50%);transition:all .3s ease;width:clamp(300px,90%,600px);width:var(--login-width)}.login-page:hover{box-shadow:0 15px 25px -5px #0000001a,0 6px 10px -3px #6366f114,0 3px 6px -2px #22c55e0f;transform:translate(-50%,-50%) translateY(-2px)}.login-page img{filter:drop-shadow(0 4px 12px rgba(99,102,241,.15)) drop-shadow(0 2px 6px rgba(236,72,153,.1)) drop-shadow(0 1px 3px rgba(34,197,94,.08));height:auto;margin-bottom:2rem;position:relative;transition:all .3s ease;width:120px;z-index:2}.login-page img:hover{filter:drop-shadow(0 8px 20px rgba(99,102,241,.25)) drop-shadow(0 4px 12px rgba(236,72,153,.15)) drop-shadow(0 2px 8px rgba(34,197,94,.12));transform:scale(1.05) rotate(1deg)}.input-container{margin-bottom:clamp(.5rem,2vh,1.5rem);z-index:0}.input-container,.input-container-connexion{position:relative;width:clamp(250px,80%,400px);width:var(--input-width)}.input-container-connexion{align-self:center;margin-bottom:clamp(.8rem,2vh,2rem);transition:transform .2s ease;z-index:1}.input-container-connexion:hover{transform:translateY(-1px)}.input{background:linear-gradient(135deg,#fff,#fafafa);border:2px solid #e2e8f0;border-radius:14px;color:#1e293b;font-size:16px;font-weight:500;height:56px;line-height:30px;outline:none;padding:0 1rem 0 3rem;position:relative;transition:all .3s ease}.input::placeholder{color:#94a3b8;font-weight:400}.input:focus,.input:hover{background:linear-gradient(135deg,#fff,#f8fafc);outline:none;transform:translateY(-2px) scale(1.01)}.input:focus::placeholder{color:#cbd5e1}.input-container-connexion:nth-child(2) .input:focus,.input-container-connexion:nth-child(2) .input:hover{border-color:#06d6a0;border-color:var(--accent);box-shadow:0 0 0 3px #3b82f626,0 6px 20px #3b82f61a,0 3px 10px #2563eb14}.input-container-connexion:nth-child(3) .input:focus,.input-container-connexion:nth-child(3) .input:hover{border-color:#ec4899;box-shadow:0 0 0 3px #ec489926,0 6px 20px #ec48991a,0 3px 10px #db277714}.icon{fill:none;color:#64748b;height:1.25rem;left:1rem;opacity:.7;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:1.25rem;z-index:2}.input-container-connexion:hover .icon,.input:focus+.icon{opacity:1;transform:translateY(-50%) scale(1.1)}.input-container-connexion:nth-child(2) .input:focus+.icon,.input-container-connexion:nth-child(2):hover .icon{color:#6366f1}.input-container-connexion:nth-child(3) .input:focus+.icon,.input-container-connexion:nth-child(3):hover .icon{color:#ec4899}.button-connect{-webkit-appearance:none;appearance:none;background:linear-gradient(135deg,#4caf50,#0284c7);background:var(--gradient-primary);border:none;border-radius:12px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);color:#fff;color:var(--white);cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Ubuntu,sans-serif;font-size:20px;font-weight:600;height:56px;letter-spacing:.5px;margin:20px 0;outline:none;padding:0 32px;position:relative;text-align:center;text-shadow:0 1px 2px #0000001a;text-transform:none;transition:all .3s ease;-webkit-user-select:none;user-select:none;width:100%}.button-connect:before{background:linear-gradient(135deg,#ffffff14,#0000);border-radius:12px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.button-connect:hover{background:linear-gradient(135deg,#06d6a0,#059669);background:var(--gradient-accent);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);transform:translateY(-2px)}.button-connect:active{box-shadow:0 2px 8px #6366f140;transform:translateY(0)}.button-connect:disabled{cursor:not-allowed;opacity:.6}.button-connect:disabled,.button-connect:disabled:hover{box-shadow:none;transform:none}.button-connect:focus{box-shadow:0 8px 25px #22c55e4d,0 0 0 4px #22c55e33,0 4px 15px #16a34a40;outline:none}.error-message{animation:shake .5s ease-in-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#fee2e2e6,#ffededd9);border:1px solid #dc262633;border-radius:12px;box-shadow:0 4px 15px #dc262626,0 2px 8px #ef44441a;margin:1rem 0;padding:1rem}.error-message:before{background:linear-gradient(45deg,#dc262666,#ef44444d 50%,#fb923c4d);border-radius:16px;bottom:-2px;content:"";left:-2px;position:absolute;right:-2px;top:-2px;z-index:-1}@keyframes errorPulse{0%,to{box-shadow:0 8px 25px #dc262633,0 4px 15px #ef444426,0 2px 8px #fb923c1a;transform:scale(1)}50%{box-shadow:0 12px 35px #dc26264d,0 6px 20px #ef444433,0 3px 12px #fb923c26;transform:scale(1.02)}}.error-icon{animation:bounce 1s ease-in-out infinite;display:inline-block;filter:drop-shadow(0 2px 4px rgba(220,38,38,.4));font-size:18px;margin-right:8px}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.creer_note{margin-top:150px}.ajouter_note_manuelle{aspect-ratio:1;background:#0000;border:none;height:auto;margin-left:clamp(1rem,3vh,2.5rem);margin-left:var(--content-padding);position:relative;width:clamp(40px,7%,80px)}.menu-create-note{background-color:#fff;border:1px solid #ccc;border-radius:20px;box-shadow:0 2px 10px #0000001a;display:none;height:-webkit-fit-content;height:fit-content;margin:0;max-height:calc(100vh - 220px);max-height:calc(100vh - var(--menu-margin-top) - var(--footer-height));min-height:300px;min-height:var(--min-content-height);overflow-y:auto;padding:clamp(1rem,3vh,2.5rem);padding:var(--content-padding);position:fixed;right:50%;text-align:center;top:120px;top:var(--menu-margin-top);transform:translateX(50%);width:clamp(300px,90%,1200px);z-index:3}.menu-create-note.active{display:block}.menu-create-note ul{list-style-type:none;padding:0}.fa-hand-holding-dollar,.fa-plane-departure,.fa-utensils{font-size:clamp(2em,4vw,3.5em)}.name-note{align-items:flex-start;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#fffffffa,#f8fafcf2);border:1px solid #6366f11a;border-radius:20px;box-shadow:0 4px 12px #00000014,0 2px 6px #6366f10a;display:flex;flex-direction:column;height:250px;justify-content:center;left:0;padding:10px 20px;top:0;transition:all .3s ease;z-index:3}.name-note,.name-note-field{position:relative;width:100%}.name-note-field{background:#0000;border:none;border-bottom:2px solid #9b9b9b;color:#0d0c22;font-size:1.2rem;outline:none;padding:5px 0;top:17%}.name-note-field::placeholder{color:#0000}.name-note-label{color:#9b9b9b;font-size:1.1rem;left:20px;pointer-events:none;position:absolute;top:35%;transition:all .2s ease-in-out}.name-note-field:placeholder-shown~.name-note-label{color:#9b9b9b;font-size:1.2rem;top:47%}.name-note-field:focus~.name-note-label{color:#45a049;font-size:.9rem;top:35%}.name-note .name-note-field{margin-top:20px}.valid-note{-webkit-appearance:button;appearance:button;-webkit-backface-visibility:hidden;backface-visibility:hidden;background:linear-gradient(135deg,#4caf50,#0284c7);background:var(--gradient-primary);border-radius:12px;border-width:0;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);box-sizing:border-box;color:#fff;color:var(--white);cursor:pointer;font-family:-apple-system,system-ui,Segoe UI,Roboto,Helvetica Neue,Ubuntu,sans-serif;font-size:100%;font-weight:600;height:44px;line-height:1.15;margin:12px 0 25px;outline:none;overflow:hidden;padding:0 25px;position:relative;text-align:center;text-shadow:0 1px 2px #0000001a;text-transform:none;top:25%;touch-action:manipulation;transform:translateZ(0);transition:all .3s ease;user-select:none;-webkit-user-select:none;width:100%}.valid-note:before{background:linear-gradient(135deg,#ffffff14,#0000);border-radius:12px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.valid-note:hover{background:linear-gradient(135deg,#06d6a0,#059669);background:var(--gradient-accent);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);transform:translateY(-2px) translateZ(0)}.valid-note:disabled{cursor:default}.valid-note:focus{box-shadow:inset 0 0 0 1px #32325d1a,0 6px 15px 0 #32325d33,0 2px 2px 0 #0000001a,0 0 0 4px #3297d34d}@media (min-width:375px){:root{--login-width:clamp(300px,80%,500px);--input-width:clamp(250px,70%,400px)}}@media (min-width:768px){:root{--login-width:clamp(400px,60%,600px);--input-width:clamp(300px,50%,500px)}}@media (min-width:1024px){.menu-create-note{bottom:50%;max-width:1005px;width:90%}.input-container{margin-bottom:10px;margin-left:auto;margin-right:auto;width:400px}.login-page{align-items:center;left:35%;width:30%}.ajouter_note_manuelle{height:auto;width:7%}}@media (min-width:1440px){.menu-create-note{max-width:1425px;padding:30px;width:90%}.input-container{margin-bottom:10px;margin-left:auto;margin-right:auto;width:400px}.login-page{align-items:center;left:35%;width:30%}.ajouter_note_manuelle{height:auto;width:7%}}@media (min-width:1024px),(min-width:1440px),(min-width:375px),(min-width:768px){.menu-create-note{height:-webkit-fit-content;height:fit-content;max-height:calc(100vh - 200px);max-height:var(--max-content-height);padding:clamp(1rem,3vh,2.5rem);padding:var(--content-padding);top:100px;top:var(--header-height);width:clamp(300px,90%,1200px)}}.close-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:2px solid #c0392b;border-radius:50%;box-shadow:0 4px 15px #0003;color:#c0392b;cursor:pointer;display:flex;font-size:20px;font-weight:700;height:45px;justify-content:center;position:fixed;right:25px;top:25px;transition:all .3s ease;width:45px;z-index:1001}.close-button:hover{background:#c0392b;box-shadow:0 6px 20px #45a04966;color:#fff;transform:scale(1.1)}.buttonLogoutAM{background:linear-gradient(135deg,#e74c3c,#c0392b)!important;border:none!important;border-radius:12px;bottom:25px;box-shadow:0 8px 20px #e74c3c4d!important;color:#fff!important;cursor:pointer;font-size:16px;font-weight:600;left:50%;letter-spacing:.5px;padding:15px 30px;position:absolute;text-transform:uppercase;transform:translateX(-50%);transition:all .3s ease;z-index:10}.buttonLogoutAM:hover{background:linear-gradient(135deg,#c0392b,#a93226)!important;box-shadow:0 12px 25px #e74c3c66!important;transform:translateX(-50%) translateY(-2px)}.nameAM{color:#000}.user-info{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fffffff2,#f5f7faf2);border:1px solid #45a04933;border-radius:15px;box-shadow:0 8px 25px #00000026;margin:0;padding:25px;text-align:left}.user-info p{word-wrap:break-word;align-items:center;border-bottom:1px solid #45a0491a;color:#2c3e50;display:flex;font-size:16px;line-height:1.6;margin:15px 0;padding:8px 0}.user-info p:last-child{border-bottom:none}.user-info p strong{color:#45a049;font-size:14px;font-weight:700;letter-spacing:.5px;margin-right:10px;min-width:80px;text-transform:uppercase}.user-info p span{color:#34495e;font-size:16px;font-weight:500}.user-options{background:linear-gradient(135deg,#45a0491a,#45a0490d);border:2px dashed #45a0494d;border-radius:12px;margin:20px 0;padding:20px;text-align:center}.user-options-title{color:#45a049;font-size:14px;font-weight:600;letter-spacing:1px;margin-bottom:10px;text-transform:uppercase}.user-options-placeholder{color:#7f8c8d;font-size:13px;font-style:italic;opacity:.7}.loading-profile{align-items:center;display:flex;flex-direction:column;gap:.75rem;padding:1rem}.loading-profile-spinner{animation:spin 1s linear infinite;border:2px solid #e5e7eb;border-radius:50%;border-top-color:#45a049;height:24px;width:24px}.loading-profile p{color:#6b7280;font-size:.9rem;margin:0;text-align:center}@media (max-width:768px){.user-info{padding:5px 20px}.user-info p{align-items:flex-start;flex-direction:column;font-size:15px;margin:2px 0;text-align:left}.user-info p strong{margin-bottom:5px;min-width:auto}.menu-content{gap:20px;padding:20px;width:95%}.menu-content h2{font-size:1.6rem}.user-options{margin:15px 0;padding:15px}.buttonLogoutAM{bottom:20px;font-size:15px;padding:12px 25px}}@media (max-width:480px){.user-info p{font-size:14px}.user-info p strong{font-size:13px}.menu-content h2{font-size:1.4rem}.menu-content{gap:15px;padding:15px}.buttonLogoutAM{font-size:14px;padding:10px 20px}}.page-wrapper{background:#f3f3f3;height:calc(100vh - 100px);left:0;overflow:hidden;position:absolute;top:0;width:100%}.page-transition-enter{opacity:0;z-index:10}.page-transition-enter-active{opacity:1;transition:opacity .3s ease-out}.page-transition-exit{opacity:1;z-index:5}.page-transition-exit-active{opacity:0;transition:opacity .15s ease-in}.page-container{height:100vh;overflow:hidden;padding-bottom:100px;position:relative;width:100%}.page-transition-enter-active .note-card,.page-transition-exit-active .note-card{transform:none!important;transition:none!important}.page-transition-enter-active,.page-transition-enter-active *,.page-transition-exit-active,.page-transition-exit-active *{pointer-events:none}.page-transition-enter-done,.page-transition-enter-done *{pointer-events:auto}.custom-confirm-button{background-color:#4caf50;border:none;border-radius:5px;color:#fff;font-size:16px;margin-right:10px;padding:10px 20px}.custom-confirm-button:hover{background-color:#45a049}.custom-cancel-button{background-color:#f44336;border:none;border-radius:5px;color:#fff;font-size:16px;padding:10px 20px}.custom-cancel-button:hover{background-color:#d32f2f}.notes-list{display:flex;flex-direction:column;gap:1rem;padding:1rem}.note-container{position:relative;width:100%}.note-card{-webkit-touch-callout:none;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;cursor:pointer;margin:0 auto;max-width:600px;min-height:150px;padding:1.5rem;position:relative;touch-action:pan-y;transform:translateX(0);transition:transform .3s ease;-webkit-user-select:none;user-select:none;width:90%;z-index:2}.note-card.swiping{pointer-events:auto;touch-action:none}.note-card.swiped-left{transform:translateX(-100px)}.note-card.swiped-right{transform:translateX(100px)}.delete-button{background-color:#f44;border:none;border-radius:0 8px 8px 0;right:11px;transition:right .3s ease}.delete-button,.validate-button{color:#fff;cursor:pointer;height:100%;position:absolute;top:50%;transform:translateY(-50%);width:107px;z-index:1}.validate-button{align-items:center;background-color:#4caf50;border:none;border-radius:8px 0 0 8px;display:flex;font-size:1.2rem;justify-content:center;left:11px;transition:left .3s ease,background-color .3s ease}.validate-button:hover{background-color:#45a049}.validate-button:active{background-color:#3d8b40}.validate-button.unvalidate{background-color:#dc3545}.validate-button.unvalidate:hover{background-color:#c82333}.validate-button.unvalidate:active{background-color:#bd2130}.note-container.swiped-left .note-card{transform:translateX(-100px)}.note-container.swiped-left .delete-button{right:0}.note-container.swiped-right .note-card{transform:translateX(100px)}.note-container.swiped-right .validate-button{left:0}.notes-container{border-radius:8px;display:flex;flex-direction:column;gap:10px;margin-top:80px;max-height:calc(100vh - 200px);overflow-y:auto;padding:1rem 0;width:100%}.note-card:before{border-radius:8px 0 0 8px;content:"";height:100%;left:0;position:absolute;top:0;width:8px}.note-card.en-attente:before{background-color:#2196f3}.note-card.en-cours:before{background-color:#ff9800}.note-card.payee:before{background-color:#4caf50}.note-card h3{color:#333;font-size:1.2rem;margin:0}.note-card p{color:#666;font-size:.9rem;margin:.5rem 0}.note-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.note-depense{color:#333;font-size:1.2rem;font-weight:700}@media (max-width:768px){.note-card{padding:1rem;width:95%}.note-card h3{font-size:1rem}.note-card p{font-size:.8rem}.note-depense{font-size:1rem}}@media (min-width:769px) and (max-width:1024px){.note-card{width:80%}}@media (min-width:1025px){.note-card{width:70%}}.add-expense-button{background:linear-gradient(135deg,#4caf50,#0284c7);background:var(--gradient-primary);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transition:all .3s ease}.add-expense-button:hover{background:linear-gradient(135deg,#06d6a0,#059669);background:var(--gradient-accent);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl)}@media (max-width:768px){.add-expense-button{bottom:110px;font-size:1rem;height:70px;right:10px;width:70px;z-index:2}.add-expense-button i{font-size:1.5rem}}body{background-color:#f8f9fa;color:#333;font-family:Roboto,sans-serif;margin:0;padding:0}h1,h2,h3{color:#fff;font-family:Montserrat,sans-serif}.container{margin:0 auto;max-width:1200px;padding:1rem}.form-container{background:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;margin:5rem;padding:1rem;width:95%}.custom-swal-html-container{word-wrap:break-word;color:inherit;cursor:auto;display:flex!important;flex-wrap:wrap!important;font-size:1em;font-weight:400;justify-content:center;line-height:normal;margin:0;overflow:auto;padding:0!important;text-align:center;word-break:break-word;z-index:1}div:where(.swal2-container) div:where(.swal2-html-container){font-size:1em!important;padding:0!important}div:where(.swal2-container) .swal2-input{height:2.25em!important;padding:0 .75em}div:where(.swal2-container) input:where(.swal2-input){margin:.25em!important}.form-container label{color:#333;display:block;font-weight:500;margin-bottom:.5rem}.form-container input{border:1px solid #ddd;border-radius:4px;color:#333;font-size:1rem;margin-bottom:1rem;padding:.75rem;width:100%}.form-container input:focus{border-color:#45a049;box-shadow:0 0 0 3px #007bff40;outline:none}.button{background:linear-gradient(135deg,#4caf50,#0284c7);background:var(--gradient-primary);border:none;border-radius:8px;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--shadow);color:#fff;cursor:pointer;display:inline-block;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.button:hover{background:linear-gradient(135deg,#06d6a0,#059669);background:var(--gradient-accent);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-1px)}.button-secondary{background:linear-gradient(135deg,#94a3b8,#45a049);background:linear-gradient(135deg,var(--secondary-light) 0,var(--secondary) 100%);border:none;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--shadow);color:#fff;color:var(--white)}.button-secondary:hover{background:linear-gradient(135deg,#45a049,#475569);background:linear-gradient(135deg,var(--secondary) 0,var(--secondary-dark) 100%);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);color:#fff;color:var(--white);transform:translateY(-1px)}.error-message{background-color:#ef44441a;border:1px solid #ef44444d;border-radius:8px;box-shadow:0 2px 8px #ef44441a;color:#dc2626;font-size:14px;font-weight:500;margin:1.5rem 0 .5rem;padding:1rem 1.5rem;position:relative;text-align:center}.error-message:before{content:"⚠️";font-size:16px;margin-right:8px}.navbar{align-items:center;background-color:#007bff;color:#fff;display:flex;justify-content:space-between;padding:1rem 2rem}.navbar a{color:#fff;font-weight:500;margin:0 1rem;text-decoration:none;transition:opacity .3s ease}.navbar a:hover{opacity:.8}.fade-in{animation:fadeIn .5s ease-in-out}.note-details-container{border-radius:8px;box-shadow:0 4px 6px #0000001a;margin:20px auto 120px;max-width:800px;padding:2rem}.note-details-container h2{color:#007bff;font-size:1.5rem;margin-bottom:1.5rem;text-align:center}.expenses-list{-webkit-overflow-scrolling:touch;border-radius:8px;display:flex;flex-direction:column;gap:10px;margin-top:70px;max-height:calc(100vh - 200px);overflow-y:auto;padding:1rem 0;scroll-behavior:smooth;width:100%}.expenses-list.no-scroll{-webkit-overflow-scrolling:auto;overflow:hidden}.expenses-list.swiping{-webkit-overflow-scrolling:touch;overflow-x:hidden!important;overflow-y:auto!important}.expenses-list.swiping,.expenses-list.swiping *{touch-action:pan-y!important;-webkit-user-select:none;user-select:none}body.swiping{overflow-x:hidden!important;touch-action:pan-y!important}.expenses-list ul{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;padding:0}.expenses-list h3{color:#333;font-size:1.2rem;margin-bottom:1rem}.expenses-list li{align-items:center;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;padding:.75rem;transition:background-color .3s ease}.expenses-list li:hover{background-color:#f8f9fa}.expenses-list li span{color:#333;font-size:1rem}.expenses-list li span:last-child{color:#45a049;font-weight:700}.expenses-list p,.expenses-list span{color:#666;font-style:italic}.expenses-list span{text-align:center}.add-expense-button{align-items:center;background-color:#4caf50;border:none;border-radius:50%;bottom:100px;box-shadow:0 4px 8px #0000004d;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;font-weight:700;height:80px;justify-content:center;position:fixed;right:20px;transition:background-color .3s ease,transform .3s ease;width:80px}.add-expense-button:hover{background-color:#45a049;transform:scale(1.1)}.add-expense-button i{font-size:2rem}@media (max-width:768px){.note-details-container{gap:1rem;margin-top:30px;padding:0}.note-details-container h2{font-size:1.2rem}.expenses-list h3{font-size:1rem}.expenses-list li span{font-size:.9rem}.add-expense-button{bottom:110px;font-size:1rem;height:70px;right:10px;width:70px}.add-expense-button i{font-size:1.5rem}}.delete-expense-button{background-color:#ff4d4d;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-left:10px;padding:5px 10px}.delete-expense-button:hover{background-color:#ff1a1a}.edit-expense-button{background-color:#4caf50;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-left:10px;padding:5px 10px}.edit-expense-button:hover{background-color:#45a049}.view-justificatif-button{align-items:center;background:#488bd8;border:2px solid #fff3;border-radius:10px;box-shadow:0 4px 12px #6f42c140;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;letter-spacing:.3px;overflow:hidden;padding:10px 16px;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.view-justificatif-button:before{background:linear-gradient(145deg,#ffffff1a,#0000);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.view-justificatif-button:hover{background:linear-gradient(135deg,#8b5cf6,#a855f7);border-color:#ffffff4d;box-shadow:0 8px 20px #6f42c159;transform:translateY(-2px) scale(1.02)}.view-justificatif-button:hover:before{opacity:1}.view-justificatif-button:active{transform:translateY(-1px) scale(1.01);transition:transform .1s ease}.view-justificatif-button i{filter:drop-shadow(0 1px 2px rgba(0,0,0,.2));font-size:1.1rem;transition:transform .3s ease}.view-justificatif-button:hover i{transform:scale(1.1)}.justificatifs-container{align-items:stretch;background:linear-gradient(135deg,#f8f9fa,#fff);border:1px solid #488bd81a;border-radius:12px;box-shadow:0 2px 8px #488bd814;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-top:12px;padding:16px}.justificatifs-container .view-justificatif-button:only-child{flex:1 1 100%;max-width:none;width:100%}.justificatifs-container .view-justificatif-button{flex:1 1;min-width:0}.justificatifs-container .view-justificatif-button:nth-child(2){margin-left:12px}@media (max-width:768px){.justificatifs-container{gap:8px;margin-top:10px;padding:12px}.justificatifs-container .view-justificatif-button:only-child{flex:1 1 100%;max-width:none;width:100%}.justificatifs-container .view-justificatif-button{min-width:100px}}@media (max-width:480px){.justificatifs-container{flex-direction:column;gap:8px;padding:10px}.justificatifs-container .view-justificatif-button{flex:none;margin-left:0!important;max-width:none;width:100%}.justificatifs-container .view-justificatif-button:only-child{flex:1 1 100%;max-width:none;width:100%}}.custom-swal-popup{margin:0!important;padding:0!important}.custom-swal-input{border:1px solid #ddd;border-radius:4px;margin-bottom:10px;padding:15px;width:73%}.custom-swal-input:focus{border-color:#45a049;box-shadow:0 0 0 3px #45a0494d;outline:none}.file-upload-container{margin:20px 0}.file-upload-section{border-radius:8px;margin:15px 0}.file-upload-label{font-size:.95rem}.custom-file-upload{align-items:center;background-color:#45a049;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-block;display:flex;font-size:.9rem;gap:8px;padding:10px 20px;transition:all .3s ease}.custom-file-upload:hover{background-color:#3d8b40;transform:translateY(-1px)}.custom-file-upload i{font-size:1rem}.file-upload-input{display:none}.selected-file-name{align-items:center;color:#666;display:flex;font-size:.9rem;gap:5px;margin-top:8px}.selected-file-name i{color:#45a049}.preview-button{align-items:center;background-color:#4cabaf;border:none;border-radius:4px;cursor:pointer;display:inline-flex;margin-left:10px;padding:10px 15px;transition:background-color .3s}.preview-button i{font-size:18px;margin-right:8px}.preview-button span{font-size:16px}.custom-swal-image{border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;margin:0!important;max-height:80vh;max-width:100%;object-fit:contain}.custom-swal-button{align-items:center;border-radius:12px;box-sizing:border-box;cursor:pointer;display:flex;flex-basis:calc(33.33% - 12px);flex-direction:column;flex-grow:1;flex-shrink:0;gap:8px;justify-content:center;margin:4px;min-width:90px;overflow:hidden;padding:18px 15px;position:relative;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:calc(33.33% - 12px)}.custom-swal-button:before{background:linear-gradient(145deg,#0000 30%,#fff3);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.custom-swal-button:hover{border-color:#dee2e6;box-shadow:0 8px 25px #00000026;transform:translateY(-3px)}.custom-swal-button:hover:before{opacity:1}.custom-swal-button:active{transform:translateY(-1px);transition:transform .1s ease}.custom-swal-button i{color:#6c757d;font-size:28px;margin-bottom:4px;transition:all .3s ease}.custom-swal-button .button-text{font-size:14px;font-weight:500;text-align:center;transition:color .3s ease}.custom-swal-button[data-expense-type]{background:linear-gradient(145deg,#fff,#f8f9fa)!important;border:2px solid #e9ecef!important;box-shadow:0 2px 8px #00000014!important;color:#495057!important}.custom-swal-button[data-expense-type] .button-text{color:#495057!important}.custom-swal-button[data-expense-type] i{color:#6c757d!important}.custom-swal-button[data-expense-type=hotel]:hover{background:linear-gradient(145deg,#e7f3ff,#cce7ff);border-color:#0d6efd}.custom-swal-button[data-expense-type=hotel] i{color:#0d6efd}.custom-swal-button[data-expense-type=hotel]:hover .button-text{color:#0a58ca}.custom-swal-button[data-expense-type=plane]:hover{background:linear-gradient(145deg,#f4f1ff,#e6dbff);border-color:#6f42c1}.custom-swal-button[data-expense-type=plane] i{color:#6f42c1}.custom-swal-button[data-expense-type=plane]:hover .button-text{color:#59359a}.custom-swal-button[data-expense-type=restaurant]:hover{background:linear-gradient(145deg,#fff7f0,#ffe8d1);border-color:#fd7e14}.custom-swal-button[data-expense-type=restaurant] i{color:#fd7e14}.custom-swal-button[data-expense-type=restaurant]:hover .button-text{color:#ca5d0f}.custom-swal-button[data-expense-type=taxi]:hover{background:linear-gradient(145deg,#fffcf0,#fff3cd);border-color:#ffc107}.custom-swal-button[data-expense-type=taxi] i{color:#ffc107}.custom-swal-button[data-expense-type=taxi]:hover .button-text{color:#cc9a06}.custom-swal-button[data-expense-type=carRental]:hover{background:linear-gradient(145deg,#f0fffc,#ccf7ed);border-color:#20c997}.custom-swal-button[data-expense-type=carRental] i{color:#20c997}.custom-swal-button[data-expense-type=carRental]:hover .button-text{color:#1aa179}.custom-swal-button[data-expense-type=distance_km]:hover{background:linear-gradient(145deg,#fdf2f8,#fce7f3);border-color:#e91e63}.custom-swal-button[data-expense-type=distance_km] i{color:#e91e63}.custom-swal-button[data-expense-type=distance_km]:hover .button-text{color:#be185d}.custom-swal-button[data-expense-type=carburant]:hover{background:linear-gradient(145deg,#fff5f5,#ffebee);border-color:#dc3545}.custom-swal-button[data-expense-type=carburant] i{color:#dc3545}.custom-swal-button[data-expense-type=carburant]:hover .button-text{color:#b02a37}.custom-swal-button[data-expense-type=other]:hover{background:linear-gradient(145deg,#f8f9fa,#e9ecef);border-color:#6c757d}.custom-swal-button[data-expense-type=other] i{color:#6c757d}.custom-swal-button[data-expense-type=other]:hover .button-text{color:#495057}@media (max-width:768px){.custom-swal-buttons-container{max-width:100%;padding:15px}.custom-swal-button{flex-basis:calc(33.33% - 8px);flex-grow:1;flex-shrink:0;margin:3px;min-width:80px;padding:15px 10px;width:calc(33.33% - 8px)}.custom-swal-button i{font-size:24px}.custom-swal-button .button-text{font-size:13px}.custom-swal-button.ocr-button{margin-bottom:15px;padding:16px 15px}.custom-swal-button.ocr-button i{font-size:28px}.custom-swal-button.ocr-button .button-text{font-size:16px}}@media (max-width:480px){.custom-swal-buttons-container{padding:12px}.custom-swal-button{flex-basis:calc(33.33% - 6px);flex-grow:1;flex-shrink:0;margin:2px;min-width:70px;padding:12px 8px;width:calc(33.33% - 6px)}.custom-swal-button i{font-size:22px}.custom-swal-button .button-text{font-size:12px}.separator{margin:20px 0}.separator-text{font-size:12px;padding:6px 15px}}.custom-swal-buttons-container{background:linear-gradient(135deg,#fafbfc,#f8f9fa);border-radius:16px;box-shadow:inset 0 1px 3px #0000000d;display:flex;flex-wrap:wrap;justify-content:space-between;margin:0 auto;max-width:800px;padding:20px;position:relative;width:100%}.custom-swal-button.ocr-button{animation:pulse-ocr 3s infinite;background:linear-gradient(135deg,#34ce57,#28a745)!important;border:3px solid #ffffff4d!important;box-shadow:0 8px 24px #28a7454d!important;color:#fff!important;flex-basis:100%;font-weight:700;margin-bottom:20px;overflow:hidden;position:relative;width:100%}.custom-swal-button.ocr-button:before{background:linear-gradient(145deg,#fff3,#ffffff0d)}.custom-swal-button.ocr-button:hover{background:linear-gradient(135deg,#28a745,#34ce57);border-color:#ffffff80;box-shadow:0 12px 32px #28a74566;transform:translateY(-4px) scale(1.02)}.custom-swal-button.ocr-button i{color:#fff!important;font-size:32px;text-shadow:0 2px 4px #0003}.custom-swal-button.ocr-button .button-text{color:#fff!important;font-size:17px;font-weight:600;letter-spacing:.5px;text-shadow:0 1px 2px #0003}.separator{align-items:center;display:flex;margin:25px 0;position:relative;width:100%}.separator-line{background:linear-gradient(90deg,#0000,#e9ecef 20%,#dee2e6 50%,#e9ecef 80%,#0000);border-radius:1px;flex:1 1;height:2px}.separator-text{background:linear-gradient(135deg,#f8f9fa,#fff);border:2px solid #e9ecef;border-radius:20px;box-shadow:0 2px 8px #00000014;color:#6c757d;font-size:13px;font-weight:500;letter-spacing:.3px;padding:8px 20px;text-transform:lowercase;white-space:nowrap}@keyframes pulse-ocr{0%{border-color:#ffffff4d;box-shadow:0 8px 24px #28a7454d,0 0 0 0 #28a74599}50%{border-color:#fff6;box-shadow:0 8px 24px #28a74566,0 0 0 8px #28a74533}to{border-color:#ffffff4d;box-shadow:0 8px 24px #28a7454d,0 0 0 16px #28a74500}}.expense-form-container{background-color:#fff;border:1px solid #ccc;border-radius:8px;margin:0 auto;max-height:76.5vh;overflow-y:auto;padding:20px;width:95%}.expense-form-container h2{align-items:center;border-bottom:1px solid #eee;color:#333;display:flex;font-size:1.4rem;gap:10px;margin-bottom:25px;padding-bottom:15px}.expense-form-container h2 i{color:#45a049;font-size:1.8rem}.form-group{margin-bottom:20px}.calculated-field{background-color:#f9f9f9;color:#45a049;font-weight:700}.form-actions{margin-top:20px;padding-top:20px}.selected-file{align-items:center;background-color:#f1f8f1;border-radius:4px;display:flex;gap:8px;margin-top:10px;padding:10px}.selected-file i{color:#45a049}.loading-indicator{color:#666;font-size:18px;height:200px}.empty-state,.loading-indicator{align-items:center;display:flex;justify-content:center}.empty-state{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffffe6,#f8fafccc);border:1px solid #fff3;border-radius:16px;box-shadow:0 8px 32px #0000001a,0 4px 16px #45a0490d;flex-direction:column;margin:1rem auto;max-width:400px;min-height:300px;padding:2rem;text-align:center;width:calc(100% - 2rem)}.empty-icon{align-items:center;animation:float 3s ease-in-out infinite;background:linear-gradient(135deg,#45a049,#22c55e);border-radius:50%;box-shadow:0 8px 24px #45a0494d,0 4px 12px #22c55e33;display:flex;height:80px;justify-content:center;margin-bottom:1.5rem;width:80px}.empty-icon i{color:#fff;font-size:2rem;opacity:.9}.empty-state h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#45a049,#22c55e);-webkit-background-clip:text;background-clip:text;color:#374151;font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.empty-state p{color:#6b7280;font-size:.95rem;line-height:1.5;margin:0;max-width:280px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media (max-width:768px){.empty-state{margin:.5rem;min-height:250px;padding:1.5rem;width:calc(100% - 1rem)}.empty-icon{height:70px;margin-bottom:1.25rem;width:70px}.empty-icon i{font-size:1.75rem}.empty-state h3{font-size:1.1rem}.empty-state p{font-size:.9rem}}@media (max-width:480px){.empty-state{min-height:200px;padding:1rem}.empty-icon{height:60px;margin-bottom:1rem;width:60px}.empty-icon i{font-size:1.5rem}.empty-state h3{font-size:1rem}.empty-state p{font-size:.85rem}}.add-expense-container{background-color:#f8f9fa;bottom:70px;height:calc(100vh - 200px);left:0;overflow-y:auto;padding:5px;position:fixed;right:0;top:70px}@media (max-width:768px){.add-expense-container{bottom:90px;height:calc(100vh - 120px);margin-top:20px;padding:0;top:90px}}.expense-header{align-items:center;display:flex;justify-content:space-between}.expense-header h3{font-size:1.2rem;margin:0}.expense-amount{color:#333;font-size:1.2rem;font-weight:600}.disabled-button{cursor:not-allowed!important}.disabled-button,.disabled-button:hover{background-color:#ccc!important;transform:none!important}.add-expense-button.disabled-button{cursor:not-allowed!important}.add-expense-button.disabled-button,.add-expense-button.disabled-button:hover{background:#ccc!important;background-color:#ccc!important;box-shadow:0 2px 8px #cccccc4d!important;transform:none!important}.expense-form{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;margin:0 auto;max-height:calc(100vh - 180px);max-width:800px;width:95%}.form-fields-container{max-height:calc(98vh - 220px);overflow-y:auto;padding:10px}.form-fields{display:flex;flex-direction:column;gap:15px;margin-bottom:20px}.form-group{margin-bottom:15px}.form-group label{color:#333;display:block;font-weight:500;margin-bottom:5px}.form-control{border:1px solid #ddd;border-radius:6px;font-size:16px;padding:12px;transition:border-color .3s,box-shadow .3s;width:100%}.form-control:focus{border-color:#45a049;box-shadow:0 0 0 3px #45a04933;outline:none}.file-upload-section{background-color:#f8f9fa;border-radius:6px;margin-top:20px;padding:15px}.file-upload-label{color:#333;display:block;font-weight:500;margin-bottom:10px}.file-upload-input{background-color:#fff;border:1px dashed #ddd;border-radius:4px;padding:10px;width:100%}.existing-files{background-color:#f8f9fa;border-radius:6px;margin-top:20px;padding:15px}.form-actions{background-color:#fff;border-top:1px solid #ddd;display:flex;gap:15px;justify-content:flex-end;padding:20px}.btn-primary,.btn-secondary{border:none;border-radius:6px;cursor:pointer;font-size:16px;font-weight:500;padding:12px 24px;transition:all .3s ease}.btn-primary{background-color:#45a049}.btn-primary:hover{background-color:#3d8b40;transform:translateY(-2px)}.btn-secondary{background-color:#f1f1f1;border:1px solid #ddd;color:#333}.btn-secondary:hover{background-color:#e4e4e4;transform:translateY(-2px)}.preview-button,.remove-button{border:none;border-radius:4px;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .3s ease}.preview-button{background-color:#4c79af;color:#fff}.preview-button:hover{background-color:#418688}.remove-button{background:linear-gradient(135deg,#ff6b6b,#ef4444);background:linear-gradient(135deg,var(--danger) 0,var(--danger-dark) 100%);border:none;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--shadow);color:#fff}.remove-button:hover{background:linear-gradient(135deg,#ef4444,#b91c1c);background:linear-gradient(135deg,var(--danger-dark) 0,#b91c1c 100%);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-1px)}@media (max-width:768px){.form-fields-container{max-height:calc(98vh - 200px)}.form-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%}}.existing-files h3{color:#333;font-size:16px;margin-bottom:10px}.existing-file{align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:4px;display:flex;justify-content:space-between;margin-bottom:10px;padding:10px}.added-files,.all-files{margin-top:15px}.added-files h4,.all-files h4{color:#333;font-size:14px;font-weight:500;margin-bottom:10px}.added-file{align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:4px;display:flex;justify-content:space-between;margin-bottom:8px;padding:8px 12px}.file-name{color:#333;flex-grow:1;font-size:14px;margin-right:10px;word-break:break-word}.file-name em{color:#666;font-size:12px;font-style:italic}.file-actions{display:flex;flex-shrink:0;gap:10px}.ocr-section{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #e9ecef;border-radius:12px;margin-bottom:25px;padding:20px;text-align:center}.btn-ocr{align-items:center;background:linear-gradient(135deg,#007bff,#0056b3);border:none;border-radius:8px;box-shadow:0 4px 12px #007bff4d;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:12px;justify-content:center;margin:0 auto 15px;max-width:280px;padding:15px 25px;transition:all .3s ease;width:100%}.btn-ocr:hover{background:linear-gradient(135deg,#0056b3,#004085);box-shadow:0 6px 16px #007bff66;transform:translateY(-2px)}.btn-ocr:active{box-shadow:0 2px 8px #007bff4d;transform:translateY(0)}.btn-ocr i{font-size:20px}.btn-ocr span{font-size:16px}.ocr-description{color:#6c757d;font-size:14px;line-height:1.4;margin:0 auto;max-width:350px}@media (max-width:768px){.ocr-section{margin-bottom:20px;padding:15px}.btn-ocr{font-size:15px;max-width:100%;padding:12px 20px}.btn-ocr i{font-size:18px}.btn-ocr span{font-size:15px}.ocr-description{font-size:13px;max-width:100%}}@keyframes pulse-blue{0%{box-shadow:0 4px 12px #007bff4d}50%{box-shadow:0 4px 12px #007bff80}to{box-shadow:0 4px 12px #007bff4d}}.btn-ocr:not(:hover){animation:pulse-blue 2s infinite}.tva-section{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 4px #0000000d;margin:20px 0;padding:15px}.tva-section label{align-items:center;color:#495057;display:flex;font-weight:600;gap:8px;margin-bottom:10px}.tva-section label:before{font-size:16px}.tva-controls{display:flex;flex-direction:column;gap:10px}.tva-select{background-color:#fff;border:2px solid #ced4da;border-radius:6px;color:#495057;font-size:15px;padding:10px 12px;transition:all .3s ease}.tva-select:focus{border-color:#45a049;box-shadow:0 0 0 3px #45a04926;outline:none}.tva-breakdown,.tva-calculator{background:#45a0491a;border:1px solid #45a04933;border-radius:6px;margin-top:8px;padding:8px 12px}.tva-info{color:#2d5016;display:block;font-weight:500}.tva-calculation{color:#495057;display:block;font-style:italic}@media (prefers-color-scheme:dark){.tva-section{background:linear-gradient(135deg,#2d3748,#4a5568)}.tva-section,.tva-select{border-color:#4a5568;color:#e2e8f0}.tva-select{background-color:#2d3748}.tva-breakdown,.tva-calculator{background:#45a04933;border-color:#45a0494d}}@media (max-width:768px){.tva-section{margin:15px 0;padding:12px}.tva-select{font-size:16px}.tva-calculation,.tva-info{font-size:13px}}.swal2-popup.swal-note-payee .swal2-icon.swal2-info{border-color:#28a745;color:#28a745}.expenses-list .note-card.expense-readonly{cursor:default}.expenses-list .note-card.expense-readonly:hover{transform:none}.expenses-list .note-card.expense-validated{background-color:#f8fff8;border-left:4px solid #4caf50}.expenses-list .note-card.expense-validated:after{align-items:center;background-color:#4caf50;border-radius:50%;color:#fff;content:"✓";display:flex;font-size:12px;font-weight:700;height:24px;justify-content:center;position:absolute;right:10px;top:10px;width:24px}.expenses-list .delete-button.disabled{background-color:#6c757d;cursor:not-allowed;opacity:.5}.expenses-list .delete-button.disabled:hover{background-color:#6c757d;transform:none}.expenses-list .validate-button.disabled{background-color:#6c757d;cursor:not-allowed;opacity:.5}.expenses-list .validate-button.disabled:hover{background-color:#6c757d;transform:none}.note-status-indicator{border-radius:4px;display:inline-block;font-size:.8rem;font-weight:700;margin-left:10px;padding:4px 8px}.note-status-indicator.payee{background-color:#28a745;color:#fff}.note-status-indicator.en-cours{background-color:#ffc107;color:#212529}.note-status-indicator.en-attente{background-color:#6c757d;color:#fff}.validate-note-button{align-items:center;background:#45a049;border:none;border-radius:50%;bottom:200px;box-shadow:0 8px 25px #45a04940;color:#fff;cursor:pointer;display:flex;height:60px;justify-content:center;left:85.5%;pointer-events:auto;position:fixed;touch-action:manipulation;transform:translateX(-50%);transition:all .3s ease;width:60px;z-index:999}.validate-note-button:hover{background:#388e3c;box-shadow:0 12px 35px #45a04959;transform:translateX(-50%) translateY(-3px)}.validate-note-button:active{background:#2e7d2e;box-shadow:0 6px 20px #45a0494d;transform:translateX(-50%) translateY(-1px)}.validate-note-button i{font-size:1.5rem;pointer-events:none}@media (max-width:768px){.validate-note-button{bottom:190px;left:89.5%}.validate-note-button i{font-size:1.3rem}}@media (max-width:480px){.validate-note-button{bottom:190px;left:89.5%}.validate-note-button i{font-size:1.2rem}}.homepage-container{margin:80px auto 120px;max-width:800px;padding:1rem 0;width:95%}.action-buttons{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.5rem}.action-button{border:none;border-radius:12px;box-shadow:0 1px 3px #00000014;cursor:pointer;font-size:1.2rem;font-weight:500;padding:.8rem 1.5rem;position:relative;text-align:left;transition:all .25s cubic-bezier(.4,0,.2,1);width:100%}.action-button:before{background:linear-gradient(135deg,#ffffff1a,#0000);border-radius:12px;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .25s ease}.action-button:hover:before{opacity:1}.action-button.primary{background:linear-gradient(135deg,#404040,#4a4a4a);border:1px solid #ffffff1a;color:#fff}.action-button.primary:hover{background:linear-gradient(135deg,#4a4a4a,#555);box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.action-button.secondary{background:linear-gradient(135deg,#fafafa,#f5f5f5);border:1px solid #e8e8e8;color:#555}.action-button.secondary:hover{background:linear-gradient(135deg,#f0f0f0,#ebebeb);border-color:#ddd;box-shadow:0 4px 12px #00000014;transform:translateY(-1px)}.button-content h3{font-size:1.2rem;font-weight:500;margin:0;position:relative;z-index:1}.monthly-recap{background:#fff;border-radius:8px;box-shadow:0 4px 8px #00000014;margin:0 auto;padding:1.5rem;width:100%}.monthly-recap h2{color:#45a049;font-size:1.15rem;font-weight:600;margin-bottom:1.25rem;text-align:left}.stats-text{display:flex;flex-direction:column;gap:.5rem}.stat-item{color:#333;font-size:.98rem;line-height:1.5;margin:.5rem 0}.stat-item strong{color:#45a049;font-weight:600}.button-content p,.button-icon,.stat-card,.stats-details,.stats-details-link,.stats-grid{display:none}@media (max-width:768px){.homepage-container{padding:1rem 0}.action-buttons{gap:.875rem;margin-bottom:.5rem}.action-button{border-radius:10px;padding:.8rem 1.25rem}.action-button,.button-content h3{font-size:1.1rem}.monthly-recap{padding:1.25rem}.monthly-recap h2{font-size:1.2rem;margin-bottom:1.25rem}.stat-item{font-size:.95rem;padding:.5rem 0}}@media (max-width:480px){.homepage-container{padding:1rem 0}.action-buttons{gap:.75rem;margin-bottom:.5rem}.action-button{border-radius:8px;font-size:1rem;padding:.8rem 1rem}.button-content h3{font-size:1rem}.monthly-recap{padding:1rem}.monthly-recap h2{font-size:1.1rem;margin-bottom:1rem}.stat-item{font-size:.9rem;padding:.375rem 0}}.action-button.primary,.add-expense-button,.ajouter_note,.btn-primary,.button,.button-connect,.close-button,.edit-expense-button,.option_camera,.retour_accueil,.submit-button,.valid-note,.validate-button{background:#45a049!important;border:none!important;box-shadow:0 2px 8px #45a04914;color:#fff!important;transition:background .2s,color .2s,box-shadow .2s}.action-button.primary:hover,.add-expense-button:hover,.ajouter_note:hover,.btn-primary:hover,.button-connect:hover,.button:hover,.close-button:hover,.edit-expense-button:hover,.option_camera:hover,.retour_accueil:hover,.submit-button:hover,.valid-note:hover,.validate-button:hover{background:#388e3c!important;box-shadow:0 4px 16px #45a04926;color:#fff!important}.action-button.secondary,.btn-secondary,.button-secondary,.cancel-button{background:#fff!important;border:2px solid #45a049!important;box-shadow:0 2px 8px #45a0490d;color:#45a049!important;transition:background .2s,color .2s,border .2s}.action-button.secondary:hover,.btn-secondary:hover,.button-secondary:hover,.cancel-button:hover{background:#e8f5e9!important;border:2px solid #388e3c!important;color:#388e3c!important}.preview-button{background:#45a049!important;border:none!important;color:#fff!important}.preview-button:hover{background:#388e3c!important;color:#fff!important}.monthly-recap .stat-item,.monthly-recap .stat-item strong,.monthly-recap h2{color:#222!important}.action-button.primary .fa-home{font-size:2.2em!important;margin-right:.5em;vertical-align:middle}:root{--primary:#4caf50;--secondary:#45a049;--white:#fff;--gray:#9b9b9b}.form__group{margin-left:auto;margin-right:auto;margin-top:10px;padding:15px 0 0;position:relative;width:98%}.form__field{background:#0000;border:0;border-bottom:2px solid #9b9b9b;border-bottom:2px solid var(--gray);color:#333;font-family:inherit;font-size:1.3rem;outline:0;padding:7px 0;transition:border-color .2s;width:100%}.form__field::placeholder{color:#0000}.form__field:placeholder-shown~.form__label{cursor:text;font-size:1.3rem;top:20px}.form__label{color:#9b9b9b;color:var(--gray)}.form__field:focus~.form__label,.form__label{display:block;font-size:1rem;position:absolute;top:0;transition:.2s}.form__field:focus~.form__label{color:#4caf50;color:var(--primary);font-weight:700}.form__field:focus{border-width:3px;border-bottom:3px solid #4caf50;border-bottom:3px solid var(--primary);color:#333;font-weight:700;padding-bottom:6px}.form__field:invalid,.form__field:required{box-shadow:none}.add-note-card{background:#fff;border-radius:8px;box-shadow:0 4px 8px #00000014;margin-bottom:.5rem;padding:.4rem;width:100%}.add-note-submit-btn{background:linear-gradient(135deg,#4caf50,#45a049);border:none;border-radius:8px;box-shadow:0 2px 6px #4caf504d;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;margin-top:.75rem;padding:.75rem 1.5rem;transition:all .25s cubic-bezier(.4,0,.2,1);width:100%}.add-note-submit-btn:hover{background:linear-gradient(135deg,#45a049,#3d8b40);box-shadow:0 4px 12px #4caf5066;transform:translateY(-1px)}.validation-date{align-items:center;color:#28a745;display:flex;font-size:.9em;gap:6px;margin:5px 0}.validation-date i{color:#28a745}.note-info-header{background:#fff;border-radius:10px;box-shadow:0 2px 4px #0000001a;margin-bottom:10px;padding:15px}.note-info-header h2{color:#333;font-size:1.3em;margin:0 0 10px}.note-status{align-items:center;display:flex;flex-wrap:wrap;gap:15px}.status-badge{border-radius:15px;font-size:.85em;font-weight:600;padding:4px 12px;text-transform:capitalize}.status-badge.payee{background-color:#d4edda;color:#155724}.status-badge.en-cours{background-color:#fff3cd;color:#856404}.status-badge.en-attente{background-color:#f8d7da;color:#721c24}.loading-container{background:#fffc;border:1px solid #e5e7ebcc;border-radius:8px;justify-content:center;margin:1rem auto;max-width:300px;min-height:100px;padding:1rem;width:calc(100% - 2rem)}.loading-container,.loading-spinner{align-items:center;display:flex;flex-direction:column}.loading-spinner{gap:1rem;position:relative}.spinner-ring{animation:spin 1s linear infinite;border:2px solid #9ca3af33;border-radius:50%;border-top-color:#6b7280cc;height:32px;position:relative;width:32px}.spinner-ring-inner,.spinner-ring:before{display:none}.loading-dots{align-items:center;display:flex;gap:.25rem}.loading-dots span{animation:dots 1.2s ease-in-out infinite both;background:#6b728099;border-radius:50%;height:4px;width:4px}.loading-dots span:first-child{animation-delay:-.24s}.loading-dots span:nth-child(2){animation-delay:-.12s}.loading-dots span:nth-child(3){animation-delay:0s}.loading-message{color:#6b7280cc;font-size:.875rem;font-weight:400;margin:0;text-align:center}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes dots{0%,80%,to{opacity:.3;transform:scale(.6)}40%{opacity:.8;transform:scale(1)}}@media (max-width:768px){.loading-container{margin:.5rem;min-height:80px;padding:.75rem;width:calc(100% - 1rem)}.spinner-ring{height:28px;width:28px}.loading-message{font-size:.8rem}}@media (max-width:480px){.loading-container{min-height:70px;padding:.5rem}.spinner-ring{height:24px;width:24px}.loading-message{font-size:.75rem}}.ocr-overlay{animation:fadeIn .3s ease;background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:9998}.ocr-scanner{animation:slideIn .4s cubic-bezier(.4,0,.2,1);background:linear-gradient(135deg,#fafbfc,#fff);border:1px solid #fff3;border-radius:16px;box-shadow:0 20px 60px #00000026,0 8px 20px #0000001a;left:50%;max-height:90vh;max-width:520px;overflow:hidden;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%;z-index:9999}.ocr-header{align-items:center;background:linear-gradient(135deg,#28a745,#34ce57);border-radius:16px 16px 0 0;color:#fff;display:flex;justify-content:space-between;overflow:hidden;padding:24px;position:relative}.ocr-header:before{background:linear-gradient(145deg,#ffffff1a,#0000);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.ocr-header h3{align-items:center;color:#fff;display:flex;font-size:1.3rem;font-weight:600;gap:12px;margin:0;position:relative;text-shadow:0 1px 3px #0003;z-index:1}.ocr-header h3 i{filter:drop-shadow(0 1px 2px rgba(0,0,0,.2));font-size:1.4rem}.close-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:2px solid #ffffff4d;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.3rem;height:42px;justify-content:center;padding:10px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:42px;z-index:1}.close-btn:hover{background:#ffffff40;border-color:#ffffff80;box-shadow:0 4px 12px #0003;transform:scale(1.1) rotate(90deg)}.close-btn:active{transform:scale(.95) rotate(90deg)}.ocr-content{max-height:calc(90vh - 140px);overflow-y:auto;padding:24px;scrollbar-color:#e9ecef #0000;scrollbar-width:thin}.ocr-content::-webkit-scrollbar{width:6px}.ocr-content::-webkit-scrollbar-track{background:#0000}.ocr-content::-webkit-scrollbar-thumb{background:#e9ecef;border-radius:3px}.ocr-content::-webkit-scrollbar-thumb:hover{background:#dee2e6}.ocr-content .form-group{margin-bottom:24px}.ocr-content .form-group label{align-items:center;color:#343a40;display:flex;font-size:.95rem;font-weight:600;gap:10px;margin-bottom:10px}.ocr-content .form-group label i{color:#28a745;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1));font-size:1.1rem}.ocr-content .form-control{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:linear-gradient(145deg,#fff,#f8f9fa);border:2px solid #e9ecef;border-radius:10px;box-shadow:0 2px 6px #0000000d;color:#495057;cursor:pointer;font-size:16px;font-weight:500;padding:14px 16px;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease;width:100%}.ocr-content select.form-control{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2328a745' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:40px}.ocr-content .form-control:hover{border-color:#dee2e6;box-shadow:0 4px 12px #00000014}.ocr-content .form-control:focus{background:#fff;border-color:#28a745;box-shadow:0 0 0 4px #28a74526,0 4px 12px #0000001a;outline:none}.ocr-content select.form-control option{background:#fff;border:none;color:#495057;font-weight:500;padding:12px 16px}.ocr-content select.form-control option:hover{background-color:#f8f9fa;color:#28a745}.ocr-content select.form-control option:checked{background-color:#e8f5e8;color:#28a745;font-weight:600}.form-hint{background:linear-gradient(145deg,#f1f3f4,#e8f5e8);border-radius:8px;color:#6c757d;font-size:.85rem;line-height:1.4;margin-top:10px;padding:8px 12px;position:relative}.ocr-actions{display:flex;flex-direction:column;gap:16px;margin-bottom:25px}.ocr-actions .btn-primary,.ocr-actions .btn-secondary{align-items:center;border:2px solid #0000;border-radius:12px;box-shadow:0 4px 12px #0000001a;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:12px;justify-content:center;letter-spacing:.3px;overflow:hidden;padding:18px 24px;position:relative;text-transform:none;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.ocr-actions .btn-primary:before,.ocr-actions .btn-secondary:before{background:linear-gradient(145deg,#0000 30%,#ffffff1a);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.ocr-actions .btn-primary{animation:gentle-pulse 4s ease-in-out infinite;background:linear-gradient(135deg,#34ce57,#28a745);border-color:#fff3;color:#fff}.ocr-actions .btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#34ce57,#28a745);border-color:#fff6;box-shadow:0 8px 25px #28a7454d;transform:translateY(-3px) scale(1.02)}.ocr-actions .btn-primary:hover:not(:disabled):before{opacity:1}.ocr-actions .btn-secondary{background:linear-gradient(145deg,#fff,#f8f9fa);border-color:#e9ecef;box-shadow:0 3px 10px #00000014;color:#495057}.ocr-actions .btn-secondary:hover:not(:disabled){background:linear-gradient(145deg,#f8f9fa,#e9ecef);border-color:#6f42c1;box-shadow:0 8px 20px #0000001f;color:#6f42c1;transform:translateY(-3px)}.ocr-actions .btn-secondary:hover:not(:disabled):before{opacity:1}.ocr-actions .btn-primary:disabled,.ocr-actions .btn-secondary:disabled{animation:none;box-shadow:0 2px 6px #0000000d;cursor:not-allowed;opacity:.6;transform:none!important}.ocr-actions .btn-primary i,.ocr-actions .btn-secondary i{font-size:1.3rem;transition:transform .3s ease}.ocr-actions .btn-primary:hover:not(:disabled) i,.ocr-actions .btn-secondary:hover:not(:disabled) i{transform:scale(1.1)}@keyframes gentle-pulse{0%,to{box-shadow:0 4px 12px #0000001a,0 0 0 0 #28a74500}50%{box-shadow:0 4px 12px #0000001a,0 0 0 8px #28a7451a}}.ocr-info{background:linear-gradient(145deg,#f8f9fa,#fff);border:2px solid #e9ecef;border-radius:12px;box-shadow:0 2px 8px #0000000d;color:#495057;font-size:.9rem;line-height:1.6;overflow:hidden;padding:20px;position:relative}.ocr-info:before{background:linear-gradient(90deg,#28a745,#34ce57,#20c997);border-radius:12px 12px 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0}.info-header{align-items:center;display:flex;gap:10px;margin-bottom:12px}.info-header i{color:#28a745;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1));font-size:1.2rem}.ocr-info p{font-weight:500;margin:0 0 15px}.tips-section{margin-top:15px}.tips-section p{color:#343a40;font-weight:600;margin-bottom:10px}.tips-section ul{margin:0 0 0 20px;padding:0}.tips-section ul li{color:#6c757d;margin-bottom:6px;position:relative;transition:color .2s ease}.tips-section ul li:before{left:-20px;position:absolute;top:0}.tips-section ul li:hover{color:#495057}@keyframes slideIn{0%{opacity:0;transform:translate(-50%,-65%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes progressBar{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@media (max-width:600px){.ocr-scanner{border-radius:12px;max-height:90vh;width:95%}.ocr-header{border-radius:12px 12px 0 0;padding:20px 18px}.close-btn,.ocr-header h3{font-size:1.2rem}.close-btn{height:38px;width:38px}.ocr-content{padding:20px 18px}.ocr-actions{gap:14px}.ocr-actions .btn-primary,.ocr-actions .btn-secondary{border-radius:10px;font-size:15px;padding:16px 20px}.ocr-info{border-radius:10px;padding:16px}.form-hint{font-size:.8rem;padding:6px 10px}}@media (max-width:400px){.ocr-scanner{width:96%}.ocr-header{padding:18px 16px}.ocr-header h3{font-size:1.1rem;gap:8px}.ocr-content{padding:18px 16px}.ocr-actions .btn-primary,.ocr-actions .btn-secondary{font-size:14px;gap:8px;padding:14px 18px}.tips-section ul{margin-left:16px}.tips-section ul li:before{left:-16px}}.ocr-results-popup .swal2-popup{border-radius:8px!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important}.ocr-results-popup .swal2-html-container{font-size:.9rem!important;line-height:1.4!important}.swal2-confirm-enhanced{background-color:#45a049!important;border:none!important;border-radius:6px!important;color:#fff!important;font-size:1rem!important;font-weight:500!important;margin:0 8px!important;padding:12px 24px!important;transition:all .3s ease!important}.swal2-confirm-enhanced:hover{background-color:#3d8b40!important;transform:translateY(-2px)!important}.swal2-cancel-enhanced{background-color:#f1f1f1!important;border:1px solid #ddd!important;border-radius:6px!important;color:#333!important;font-size:1rem!important;font-weight:500!important;margin:0 8px!important;padding:12px 24px!important;transition:all .3s ease!important}.swal2-cancel-enhanced:hover{background-color:#e4e4e4!important;transform:translateY(-2px)!important}@keyframes confidenceGlow{0%{box-shadow:0 0 5px #667eea80}50%{box-shadow:0 0 20px #667eeacc}to{box-shadow:0 0 5px #667eea80}}.confidence-high{animation:confidenceGlow 2s ease-in-out infinite}@media (pointer:coarse){.ocr-btn{min-height:52px}.close-btn{min-height:44px;min-width:44px}}@media (prefers-reduced-motion:reduce){.confidence-high{animation:none}.swal2-cancel-enhanced:hover,.swal2-confirm-enhanced:hover{transform:none!important}}.date-cropper-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0006;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.date-cropper-container{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 20px #00000026;display:flex;flex-direction:column;height:80vh;max-height:700px;max-width:800px;overflow:hidden;width:85vw}.date-cropper-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e5e7eb;color:#374151;display:flex;justify-content:space-between;padding:16px 20px}.date-cropper-header h3{color:#374151;font-size:1.1rem;font-weight:600;margin:0}.date-cropper-header .close-btn{align-items:center;background:#0000;border:1px solid #d1d5db;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;height:28px;justify-content:center;padding:6px;transition:all .2s ease;width:28px}.date-cropper-header .close-btn:hover{background:#f3f4f6;border-color:#9ca3af;color:#374151}.date-cropper-header .close-btn i{font-size:.9rem}.date-cropper-content{display:flex;flex:1 1;flex-direction:column;gap:16px;overflow-y:auto;padding:16px}.date-cropper-content::-webkit-scrollbar{width:4px}.date-cropper-content::-webkit-scrollbar-track{background:#f3f4f6}.date-cropper-content::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:2px}.cropper-area{flex:2 1;min-height:400px;overflow:hidden}.cropper-area,.cropper-controls{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;position:relative}.cropper-controls{display:flex;flex-shrink:0;gap:16px;padding:12px}.instructions-toggle{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;font-size:.75rem;gap:4px;padding:4px 8px;position:absolute;right:12px;top:12px;transition:all .2s ease}.instructions-toggle:hover{background:#f3f4f6;border-color:#9ca3af;color:#374151}.control-group{display:flex;flex:1 1;flex-direction:column;gap:6px}.control-group label{color:#374151;font-size:.85rem;font-weight:500}.control-group input[type=range]{-webkit-appearance:none;appearance:none;background:#e5e7eb;border-radius:2px;cursor:pointer;height:4px;outline:none;width:100%}.control-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#6b7280;border:2px solid #fff;border-radius:50%;box-shadow:0 1px 3px #0000001a;cursor:pointer;height:16px;width:16px}.control-group input[type=range]::-moz-range-thumb{background:#6b7280;border:2px solid #fff;border-radius:50%;box-shadow:0 1px 3px #0000001a;cursor:pointer;height:16px;width:16px}.control-group small{background:#f3f4f6;border-radius:3px;color:#6b7280;font-size:.75rem;padding:2px 6px;text-align:center}.preset-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.preset-btn{background:#fff;border:1px solid #d1d5db;border-radius:4px;color:#6b7280;cursor:pointer;font-size:.8rem;font-weight:500;padding:6px 12px;transition:all .2s ease}.preset-btn:hover{background:#f9fafb;border-color:#9ca3af;color:#374151}.cropper-instructions{background:#f0f9ff;border:1px solid #e0f2fe;border-radius:6px;display:none;flex-shrink:0;padding:12px;transition:all .3s ease}.cropper-instructions.visible{animation:slideDown .3s ease-out;display:block}.cropper-instructions p{color:#0369a1;font-size:.9rem;font-weight:600;margin:0 0 8px}.cropper-instructions ul{color:#0c4a6e;font-size:.85rem;margin:0;padding-left:16px}.cropper-instructions li{margin-bottom:4px}.cropper-instructions>div{background:#fef3c7;border:1px solid #fde68a;border-radius:4px;color:#92400e;font-size:.8rem;margin-top:8px;padding:8px}.cropper-actions{border-top:1px solid #e5e7eb;display:flex;flex-shrink:0;gap:12px;justify-content:flex-end;padding-top:16px}.btn-primary{align-items:center;background:#374151;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s ease}.btn-primary:hover{background:#111827;transform:translateY(-1px)}.btn-primary:disabled{background:#9ca3af;cursor:not-allowed;transform:none}.btn-secondary{background:#fff;border:1px solid #d1d5db;border-radius:4px;color:#6b7280;cursor:pointer;font-size:.9rem;font-weight:500;padding:8px 16px;transition:all .2s ease}.btn-secondary:hover{background:#f9fafb;border-color:#9ca3af;color:#374151}@media (max-width:1024px){.date-cropper-container{height:85vh;max-width:700px;width:90vw}.cropper-controls{flex-direction:column;gap:12px}}@media (max-width:768px){.date-cropper-container{height:90vh;width:95vw}.date-cropper-header{padding:12px 16px}.date-cropper-header h3{font-size:1rem}.date-cropper-content{gap:12px;padding:12px}.cropper-area{min-height:300px}.cropper-actions{flex-direction:column-reverse;gap:8px}.btn-primary,.btn-secondary{justify-content:center;width:100%}}@media (max-width:480px){.date-cropper-content{padding:8px}.cropper-area{min-height:250px}.preset-btn{font-size:.75rem;padding:4px 8px}}.address-autocomplete,.address-input-container{position:relative;width:100%}.address-loading{color:#6c757d;font-size:14px;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.address-suggestions{background:#fff;border:1px solid #ddd;border-radius:0 0 4px 4px;border-top:none;box-shadow:0 2px 8px #0000001a;left:0;max-height:300px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.address-suggestion{border-bottom:1px solid #f0f0f0;cursor:pointer;padding:12px 16px;transition:background-color .2s ease}.address-suggestion:last-child{border-bottom:none}.address-suggestion.selected,.address-suggestion:hover{background-color:#f8f9fa}.address-suggestion.no-results{color:#6c757d;cursor:default;font-style:italic}.address-suggestion.no-results:hover{background-color:initial}.suggestion-main{color:#212529;font-size:14px;font-weight:500;line-height:1.4}.suggestion-details{color:#6c757d;font-size:12px;line-height:1.3;margin-top:2px}@media (max-width:768px){.address-suggestions{max-height:250px}.address-suggestion{padding:14px 16px}.suggestion-main{font-size:15px}.suggestion-details{font-size:13px}}.address-suggestions{animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.address-autocomplete .form-control:focus{border-color:#45a049;box-shadow:0 0 0 2px #45a04933}.kilometric-address{margin-bottom:15px}.kilometric-address label{align-items:center;color:#333;display:block;display:flex;font-weight:500;gap:8px;margin-bottom:8px}.address-field-with-icon{position:relative}.address-field-with-icon .form-control{padding-left:12px}.address-field-icon{color:#28a745;font-size:14px}.fa-play{color:#28a745!important}.fa-flag-checkered{color:#dc3545!important}.form-hint{display:block;font-size:12px;font-style:normal;margin-top:4px}.form-hint i{margin-right:4px}
/*# sourceMappingURL=main.a6e9f6b6.css.map*/