@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&display=swap";:root{--bg-app: #f8fafc;--header-bg: #064e3b;--accent: #d97706;--card-bg: #ffffff;--text-main: #0f172a;--text-muted: #64748b;--primary: #059669;--danger: #ef4444;--radius-xxl: 44px;--radius-xl: 32px;--radius-lg: 20px;--shadow-soft: 0 10px 15px -3px rgba(0, 0, 0, .04), 0 4px 6px -4px rgba(0, 0, 0, .04);--shadow-strong: 0 25px 50px -12px rgba(6, 78, 59, .08)}*{margin:0;padding:0;box-sizing:border-box;font-family:Outfit,sans-serif}body{background:linear-gradient(135deg,#f0fdf4,#f8fafc);color:var(--text-main);-webkit-font-smoothing:antialiased;min-height:100vh}.app-container{display:flex;flex-direction:column;min-height:100vh}.top-header{background-color:#064e3b;padding:5rem 1rem 3rem;display:flex;flex-direction:column;align-items:center;border-bottom:2px solid rgba(255,255,255,.1);box-shadow:0 4px 30px #0000001a}.top-header h1{color:#fff!important;text-shadow:0 4px 10px rgba(0,0,0,.2)}.top-header h1 span{color:#f59e0b!important}.top-nav{background-color:#fff;padding:1.5rem;display:flex;justify-content:center;align-items:center;border-bottom:1px solid #f1f5f9;position:sticky;top:0;z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#fffffff2}.nav-container{display:flex;align-items:center;gap:.5rem;background-color:#f8fafc;padding:.5rem;border-radius:24px;border:1px solid #f1f5f9}.nav-link{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;border-radius:20px;color:var(--text-muted);font-weight:700;text-decoration:none;transition:all .25s ease;cursor:pointer;border:none}.nav-link.active{background-color:#fff;color:var(--header-bg);box-shadow:0 4px 12px #0000000d}.nav-link:not(.active):hover{background-color:#f1f5f9;color:var(--header-bg)}.main-content{overflow-y:auto;padding:2rem;scroll-behavior:smooth}.stat-cards-container{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;width:100%;margin-top:1rem;margin-bottom:4rem}.stat-card{flex:1;background:#fff;border-radius:40px;border:1px solid white;box-shadow:0 30px 70px -15px #064e3b14;transition:all .4s cubic-bezier(.175,.885,.32,1.275);overflow:hidden;display:flex;flex-direction:column}.stat-card:hover{transform:translateY(-8px);box-shadow:0 40px 90px -20px #064e3b1f}.stat-card-header{padding:1.25rem 1rem;border-bottom:2px solid rgba(0,0,0,.05);text-align:center}.stat-card-header.emerald{background:#064e3b}.stat-card-header.amber{background:#d97706}.stat-card-header.gold{background:#1e293b}.stat-card-header span{font-size:1.1rem;font-weight:950;color:#fff;letter-spacing:.15em;text-transform:uppercase}.stat-card-body{padding:2rem 1.5rem;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.card-input{width:100%;background:#fff;border:4px solid #f1f5f9;border-radius:20px;text-align:center;font-size:2.75rem;font-weight:950;color:#064e3b;outline:none;padding:1rem;transition:all .3s;box-shadow:inset 0 2px 4px #00000005}.card-input:focus{background:#fff;border-color:#064e3b;box-shadow:0 0 0 8px #064e3b0d}.card-input::placeholder{color:#cbd5e1}.expense-card{background:#fff;border-radius:40px;box-shadow:0 40px 100px -20px #064e3b1a;overflow:visible;border:1px solid white}.expense-header{background-color:#064e3b;padding:3rem;text-align:center;border-bottom:4px solid #f59e0b;border-radius:40px 40px 0 0}.expense-header h3{color:#fff!important;font-size:2.5rem!important;font-weight:900;letter-spacing:.05em;margin:0}.expense-input-row{display:flex;gap:1.5rem;padding:2.5rem;background:#fcfdfe;border-bottom:1px solid #f1f5f9;width:100%}.expense-input{flex:1;width:100%;background:#f8fafc;border:1px solid #f1f5f9;border-radius:20px;padding:1.5rem 2rem;font-size:1.25rem;font-weight:700;color:var(--header-bg);outline:none;transition:all .3s}.expense-input:focus{background:#fff;border-color:var(--primary);box-shadow:0 0 0 4px #0596690d}.add-expense-btn{background:var(--header-bg);color:#fff;height:75px;border-radius:20px;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;transition:all .3s;flex-shrink:0}.add-expense-btn:hover{transform:scale(1.05);background:var(--primary);box-shadow:0 10px 15px -5px #0596694d}.expense-table-container{width:auto;margin:1rem 2.5rem 2.5rem;border-radius:24px;overflow-y:auto;border:1px solid #f1f5f9;max-height:500px;box-shadow:0 4px 6px -1px #0000000d}.expense-table-container::-webkit-scrollbar{width:8px}.expense-table-container::-webkit-scrollbar-track{background:#f1f5f9}.expense-table-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.expense-table-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}.expense-table{width:100%;border-collapse:separate;border-spacing:0;text-align:right;background:#fff}.expense-table th{position:sticky;top:0;z-index:20;background:#f1f5f9;padding:1.5rem;color:#064e3b;font-size:1rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em;border-bottom:2px solid #e2e8f0;box-shadow:0 2px 4px #00000005}.expense-table td{padding:1.25rem 1.5rem;border-bottom:1px solid #f8fafc;color:#0f172a;font-weight:600;vertical-align:middle;background:#fff}.monospaced-numbers{font-variant-numeric:tabular-nums;letter-spacing:-.02em}.currency-tag{font-size:10px;font-weight:500;color:#94a3b8;margin-right:4px}.expense-table tr:last-child td{border-bottom:none}.expense-table tr:hover td{background-color:#fbfcfd}.delete-text-btn{color:#94a3b8;font-weight:800;font-size:.85rem;cursor:pointer;transition:all .2s;background:none;border:none;padding:.5rem 1rem;border-radius:12px}.delete-text-btn:hover{color:#ef4444;background:#fef2f2}.fade-in{animation:fadeIn .6s cubic-bezier(.4,0,.2,1)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}[dir=rtl]{text-align:right}.shadow-premium{box-shadow:0 30px 60px -12px #064e3b26}.glass{background:#fffc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.3)}.action-buttons-row{display:flex;width:100%;gap:1.5rem;margin-top:2rem}.final-action-btn-primary{flex:1;background:#064e3b;color:#fff;border-radius:20px;font-weight:900;font-size:1.5rem;letter-spacing:.05em;box-shadow:0 10px 25px -5px #064e3b4d;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;align-items:center;justify-content:center;height:72px;cursor:pointer;border:none}.final-action-btn-primary:hover{background:#059669;transform:translateY(-4px);box-shadow:0 20px 35px -10px #064e3b66}.final-action-btn-secondary{flex:1;background:#fff;color:#064e3b;border:2px solid #064e3b;border-radius:20px;font-weight:900;font-size:1.5rem;box-shadow:0 8px 15px -3px #0000000d;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;align-items:center;justify-content:center;height:72px;cursor:pointer}.toast-container{position:fixed;top:1.5rem;right:1.5rem;z-index:9999;display:flex;flex-direction:column;gap:.75rem;pointer-events:none}.toast{pointer-events:auto;min-width:320px;max-width:400px;background:#ffffffe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:1rem 1.5rem;border-radius:20px;display:flex;align-items:center;gap:1.25rem;box-shadow:0 10px 30px -5px #0000001a,0 4px 6px -2px #0000000d;border:1px solid rgba(255,255,255,.4)}.toast.success{border-left:6px solid #064e3b}.toast.warning{border-left:6px solid #d97706}.toast-icon{width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.toast.success .toast-icon{background:#ecfdf5;color:#064e3b}.toast.warning .toast-icon{background:#fffbeb;color:#d97706}.toast-content{flex:1}.toast-title{font-weight:900;font-size:1.15rem;color:#0f172a;margin-bottom:.25rem}.toast-message{font-size:.85rem;color:#64748b;font-weight:700}.login-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#064e3b,#022c22);display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.login-card{background:#fff;width:100%;max-width:480px;padding:2.5rem 3rem;border-radius:48px;box-shadow:0 50px 100px -20px #00000080;display:flex;flex-direction:column;align-items:center;text-align:center}.login-logo{font-size:3rem;font-weight:950;color:#064e3b;letter-spacing:.1em}.login-subtitle{color:#64748b;font-weight:700;font-size:.85rem;text-transform:uppercase;letter-spacing:.3em;margin-bottom:2rem}.logo-container{width:220px;height:220px;display:flex;align-items:center;justify-content:center;background:transparent}.login-logo-img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;filter:contrast(110%)}.login-input-group{width:100%;margin-bottom:2.5rem}.login-input-group label{display:block;text-align:right;font-weight:800;color:#1e293b;margin-bottom:.75rem;font-size:.9rem;padding-right:.5rem}.login-field{width:100%;background:#f8fafc;border:2px solid #f1f5f9;border-radius:20px;padding:1.25rem 1.5rem;font-size:1.25rem;font-weight:700;color:#064e3b;outline:none;transition:all .3s;text-align:right}.login-field:focus{background:#fff;border-color:#064e3b;box-shadow:0 0 0 6px #064e3b0d}.shift-selector-container{display:flex;gap:.75rem;width:100%;margin-bottom:3rem}.shift-btn{flex:1;padding:1.25rem .5rem;border-radius:18px;border:2px solid #f1f5f9;background:#f8fafc;color:#64748b;font-weight:800;font-size:1rem;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.shift-btn.active{background:#064e3b;border-color:#064e3b;color:#fff;transform:translateY(-4px);box-shadow:0 10px 20px -5px #064e3b4d}.login-submit-btn{width:100%;padding:1.5rem;background:#d97706;color:#fff;border:none;border-radius:24px;font-size:1.5rem;font-weight:900;cursor:pointer;transition:all .3s;box-shadow:0 10px 20px -5px #d977064d}.login-submit-btn:hover{background:#b45309;transform:translateY(-2px);box-shadow:0 15px 30px -5px #d9770666}.login-submit-btn:disabled{background:#cbd5e1;cursor:not-allowed;transform:none;box-shadow:none}.header-status-bar{display:flex;align-items:center;gap:1rem;margin-top:1.5rem;background:#ffffff0d;padding:.5rem;border-radius:100px;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.user-badge,.date-badge,.shift-status-badge{display:flex;align-items:center;gap:.5rem;padding:.5rem 1.25rem;border-radius:100px;font-weight:800;font-size:.95rem;color:#fff}.user-badge{background:#ffffff1a;border:1px solid rgba(255,255,255,.2)}.user-badge svg{color:#f59e0b}.date-badge{background:#0003;font-family:monospace;opacity:.8}.shift-status-badge{transition:all .3s ease;box-shadow:0 4px 12px #0000001a}.morning-shift{background:#f59e0b;color:#451a03}.evening-shift{background:#ea580c;color:#fff}.night-shift{background:#6366f1;color:#fff;box-shadow:0 0 20px #6366f166}.confirm-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:100000;display:flex;align-items:center;justify-content:center;padding:1rem;background-color:#0f172a99;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.confirm-modal-card{background:#fff;border-radius:40px;padding:3rem 2.5rem;width:100%;max-width:500px;position:relative;box-shadow:0 40px 80px -15px #00000040;border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;align-items:center;text-align:center}.confirm-modal-icon{width:90px;height:90px;background-color:#fff1f2;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#e11d48;margin-bottom:2rem;box-shadow:inset 0 0 20px #e11d480d}.confirm-modal-title{font-size:2rem;font-weight:900;color:#1e293b;margin-bottom:1rem;line-height:1.2;letter-spacing:-.02em}.confirm-modal-text{font-size:1.15rem;font-weight:600;color:#64748b;line-height:1.6;margin-bottom:2.5rem;max-width:90%}.confirm-modal-actions{display:flex;gap:1rem;width:100%}.confirm-btn-cancel{flex:1;padding:1.25rem;background-color:#f1f5f9;color:#475569;border-radius:24px;font-weight:900;border:none;cursor:pointer;font-size:1.3rem;transition:all .2s cubic-bezier(.175,.885,.32,1.275)}.confirm-btn-confirm{flex:1;padding:1.25rem;background-color:#e11d48;color:#fff;border-radius:24px;font-weight:900;border:none;cursor:pointer;font-size:1.3rem;box-shadow:0 15px 30px -5px #e11d484d;transition:all .2s cubic-bezier(.175,.885,.32,1.275)}.confirm-btn-cancel:hover{background-color:#e2e8f0;transform:scale(1.02)}.confirm-btn-confirm:hover{background-color:#be123c;transform:scale(1.02)}.confirm-btn-cancel:active,.confirm-btn-confirm:active{transform:scale(.95)}html,body{min-width:1280px;overflow-x:hidden}.app-container,.login-screen,.top-nav{min-width:1280px}