html,body,#root{margin:0;padding:0;height:100%;box-sizing:border-box;font-family:Arial,sans-serif}.Login{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#f5f5f5;font-family:Arial,sans-serif}.Login>.login-form{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a;padding:2rem;width:100%;max-width:400px;box-sizing:border-box}.Login>.login-form>h1{color:#333;font-size:1.8rem;margin-bottom:1.5rem;text-align:center}.Login>.login-form .input-group{margin-bottom:1.25rem}.Login>.login-form .input-group>label{display:block;margin-bottom:.5rem;font-weight:500;color:#555}.Login>.login-form .input-group>input{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;transition:border-color .3s;box-sizing:border-box}.Login>.login-form .input-group>input:focus{border-color:#4a90e2;outline:none;box-shadow:0 0 0 2px #4a90e233}.Login>.login-form .login-btn{background-color:#4a90e2;color:#fff;border:none;border-radius:4px;padding:.75rem;font-size:1rem;font-weight:500;width:100%;cursor:pointer;transition:background-color .3s;box-sizing:border-box}.Login>.login-form .login-btn:hover{background-color:#3a7bc8}.Header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background-color:#fff;box-shadow:0 2px 6px #00000014;position:relative}.Header .main-nav{display:flex;gap:20px}.Header .main-nav a{text-decoration:none;color:#333;font-weight:600;padding:8px 16px;border-radius:4px;transition:all .3s ease;font-size:16px;position:relative}.Header .main-nav a:hover{color:#06c;background-color:#0066cc14}.Header .main-nav a.active{color:#06c;background-color:#0066cc1f}.Header .user-nav{display:flex;align-items:center;gap:12px}.Header .user-nav span{color:#555;font-size:14px;font-weight:500;padding-right:12px;border-right:1px solid #e0e0e0}.Header .user-nav>button{background:none;border:none;color:#dc3545;cursor:pointer;font-weight:500;transition:color .2s ease;padding:6px 10px;border-radius:4px}.Header .user-nav>button:hover{color:#c82333;background-color:#dc354514}.Header .language-switcher{display:flex;align-items:center;background-color:#f5f5f5;border-radius:30px;padding:3px;margin-left:12px;border:1px solid #eaeaea}.Header .language-switcher button{background:none;border:none;cursor:pointer;width:32px;height:32px;border-radius:50%;display:flex;justify-content:center;align-items:center;margin:0 2px;transition:all .25s ease;font-size:16px;position:relative}.Header .language-switcher button:hover{background-color:#0066cc1a;transform:scale(1.1)}.Header .language-switcher button.active{background-color:#fff;box-shadow:0 2px 4px #0000001a}.Header .language-switcher button.active:after{content:"";position:absolute;bottom:-2px;left:50%;transform:translate(-50%);width:4px;height:4px;border-radius:50%;background-color:#06c}@media (max-width: 768px){.Header{flex-direction:column;gap:15px;padding:12px}.Header .main-nav{width:100%;justify-content:center;margin-bottom:10px}.Header .user-nav{width:100%;justify-content:center;flex-wrap:wrap}.Header .user-nav span{padding-right:0;border-right:none;text-align:center;margin-bottom:8px;width:100%}.Header .language-switcher{margin-top:8px;margin-left:0}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.Header{animation:fadeIn .3s ease-out}.Home{max-width:800px;margin:0 auto;padding:20px}.Home>h1{color:#333;margin-bottom:30px;font-size:28px;text-align:center;font-weight:700}.Home>div{background-color:#fff;border-radius:12px;padding:25px;box-shadow:0 4px 8px #00000014;margin-bottom:25px;border:1px solid #f0f0f0}.Home>div:last-child{margin-bottom:0}.Home>div>h1{color:#444;margin-bottom:20px;font-size:22px;font-weight:600;border-bottom:2px solid #e8e8e8;padding-bottom:10px}.Home>div>h2{color:#888;font-style:italic;font-size:18px;text-align:center;margin:20px 0;padding:20px;background-color:#f8f9fa;border-radius:8px;border-left:4px solid #ddd}.statistics .Badge:not(:last-child){margin-bottom:20px}.Card{background-color:#fff;border:1px solid #e0e0e0;border-radius:10px;padding:20px;margin-bottom:15px;box-shadow:0 2px 4px #0000000d;transition:all .3s ease;position:relative;overflow:hidden}.Card:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-3px)}.Card>h4{color:#333;font-size:18px;margin-top:0;margin-bottom:8px;font-weight:600;display:flex;justify-content:space-between;align-items:center}.Card .status-badges{display:flex;gap:8px;margin-bottom:10px}.Card .status-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600;line-height:1}.Card .status-badge.paid{background-color:#2c8a5626;color:#2c8a56;border:1px solid rgba(44,138,86,.3)}.Card .status-badge.finished{background-color:#4caf5026;color:#4caf50;border:1px solid rgba(76,175,80,.3)}.Card .status-badge.pending{background-color:#ff980026;color:#ff9800;border:1px solid rgba(255,152,0,.3)}.Card>small{display:block;color:#666;margin-bottom:12px;font-size:14px;font-style:italic}.Card>p{color:#555;line-height:1.5;margin-bottom:10px;font-size:15px}.Card .price{color:#2c8a56;font-size:22px;margin-top:15px;margin-bottom:0;text-align:right;font-weight:700}.Card .actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px;border-top:1px solid #eee;padding-top:15px}.Card .actions button{padding:8px 12px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.Card .actions button:hover{transform:translateY(-2px);box-shadow:0 2px 5px #0000001a}.Card .actions .finished{background-color:#4caf50;color:#fff}.Card .actions .pay{background-color:#2196f3;color:#fff}.Card .actions .finished-pay{background-color:#9c27b0;color:#fff}.Card .actions .delete{background-color:#f44336;color:#fff}.Badge{display:flex;align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;padding:20px;color:#fff;box-shadow:0 4px 12px #667eea4d;transition:all .3s ease;position:relative;overflow:hidden}.Badge:hover{transform:translateY(-3px);box-shadow:0 6px 16px #667eea66}.Badge:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,rgba(255,255,255,.1) 0%,transparent 100%);pointer-events:none}.Badge-icon{font-size:24px;margin-right:15px;opacity:.9}.Badge-content{flex:1;display:flex;flex-direction:column}.Badge-title{font-size:14px;font-weight:500;opacity:.9;margin-bottom:5px;text-transform:uppercase;letter-spacing:.5px}.Badge-value{font-size:24px;font-weight:700;line-height:1.2}.Badge:nth-child(2n){background:linear-gradient(135deg,#f093fb,#f5576c);box-shadow:0 4px 12px #f5576c4d}.Badge:nth-child(2n):hover{box-shadow:0 6px 16px #f5576c66}.Badge:nth-child(3n){background:linear-gradient(135deg,#4facfe,#00f2fe);box-shadow:0 4px 12px #4facfe4d}.Badge:nth-child(3n):hover{box-shadow:0 6px 16px #4facfe66}.List{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;padding:20px 0;width:100%}.List h2{grid-column:1 / -1;text-align:center;color:#666;font-weight:500;padding:40px 20px;background-color:#f8f9fa;border-radius:8px;border:1px dashed #dee2e6;font-size:18px;margin:20px 0}.List .Card{animation:fadeSlideIn .3s ease-out;transition:transform .2s ease,box-shadow .2s ease}.List .Card:hover{transform:translateY(-5px);box-shadow:0 6px 12px #0000001a}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.List-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:15px;width:100%}.List-filter,.List-sort{display:flex;align-items:center;gap:10px}.List-filter label,.List-sort label{font-weight:500;color:#555}.List-filter select,.List-sort select{padding:8px 12px;border:1px solid #ddd;border-radius:4px;background-color:#fff;cursor:pointer;min-width:150px}.List-search{display:flex;align-items:center;position:relative;flex:1;max-width:350px}.List-search input{width:100%;padding:8px 12px 8px 35px;border:1px solid #ddd;border-radius:4px;font-size:14px}.List-search:before{content:"🔍";position:absolute;left:10px;font-size:16px;opacity:.6}.List-empty{grid-column:1 / -1;padding:50px 20px;text-align:center;background-color:#f8f9fa;border-radius:8px;border:1px dashed #dee2e6;display:flex;flex-direction:column;align-items:center}.List-empty h2{color:#666;margin-bottom:15px;border:none;background:none;padding:0}.List-empty p{color:#888;margin-bottom:20px}.List-empty button{padding:10px 20px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:500;transition:background-color .2s ease}.List-empty button:hover{background-color:#0069d9}@media (max-width: 768px){.List{grid-template-columns:1fr}.List-controls{flex-direction:column;align-items:stretch}.List-search{max-width:none}}.New{background-color:#fff;border-radius:12px;box-shadow:0 4px 16px #00000014;padding:25px;max-width:600px;margin:0 auto}.New form{display:flex;flex-direction:column}.New label{font-weight:600;font-size:14px;color:#333;margin-bottom:6px;margin-top:16px}.New label:first-child{margin-top:0}.New input[type=text],.New input[type=datetime-local],.New input[type=number],.New textarea{padding:12px 14px;border-radius:6px;border:1px solid #ddd;font-size:15px;transition:all .2s ease;color:#444;background-color:#fafafa}.New textarea{min-height:120px;resize:vertical}.New input[type=text]:focus,.New input[type=datetime-local]:focus,.New input[type=number]:focus,.New textarea:focus{outline:none;border-color:#2196f3;box-shadow:0 0 0 2px #2196f333;background-color:#fff}.New input[type=checkbox]{width:18px;height:18px;margin-top:8px;accent-color:#2196f3;cursor:pointer}.New .error{color:#f44336;font-size:13px;margin-top:4px;margin-bottom:4px;font-weight:500;min-height:18px}.New button[type=submit]{margin-top:24px;padding:12px;background-color:#2196f3;color:#fff;border:none;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;align-self:flex-end}.New button[type=submit]:hover{background-color:#1976d2;transform:translateY(-2px);box-shadow:0 2px 5px #0000001a}.New button[type=submit]:active{transform:translateY(0)}.Layout{display:flex;flex-direction:column;min-height:100vh;background-color:#f4f4f4}.main-container{flex-grow:1;padding:20px;position:relative}.fab{position:fixed;bottom:20px;right:20px;width:60px;height:60px;background-color:#007bff;color:#fff;border:none;border-radius:50%;font-size:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 6px #0000001a;transition:background-color .3s ease}.fab:hover{background-color:#0056b3}.App{height:100%}body.rtl{direction:rtl;text-align:right}body.rtl nav{flex-direction:row-reverse}body.rtl .Header{direction:rtl}body.rtl .language-switcher{direction:ltr}