:root{--primary: #25409E;--background: #0C1123;--text-main: #FFFFFF;--text-secondary: #888888;--input-bg: #1b2032;--input-border: #E3E3E3;--input-placeholder: #888888;--card-bg: #232a3d;--border-radius: 18px;--button-radius: 100px;--input-radius: 8px}body{background:var(--background);color:var(--text-main);font-family:Inter,Roboto,Arial,sans-serif;margin:0;min-height:100vh}.dashboard-container,.admin-container,.user-info-card{border-radius:var(--border-radius);padding:2rem;margin:2rem auto;max-width:534px}.auth-container{background:var(--background)!important;padding:2rem;margin:2rem auto;max-width:534px}.form-input{color:var(--text-main);padding:8px 0;font-size:1rem;outline:none}input,select{background:var(--input-bg);border:1px solid var(--input-border);color:var(--text-main);border-radius:var(--input-radius);padding:12px;margin-bottom:1rem;width:94%;font-size:16px;outline:none}input::placeholder{color:var(--input-placeholder);opacity:1;font-weight:500}input:focus,select:focus{outline:2px solid var(--primary);border-color:var(--primary)}button{background:var(--primary);color:#fff;border:none;border-radius:var(--button-radius);cursor:pointer;font-weight:500;font-size:16px;padding:16px 0;width:100%;transition:background .2s}button:hover{background:#1b2032;color:var(--primary)}.invoice-table{width:100%;border-collapse:collapse;overflow:hidden}.invoice-table th,.invoice-table td{text-align:center}.modal-backdrop{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:#181f33;border-radius:12px;padding:2rem;min-width:320px;max-width:90vw;box-shadow:0 2px 16px #0000004d}.form-input label{display:block;margin-bottom:.5rem;color:#b3b3b3}.form-input input,.user-search input{margin-bottom:1.5rem}.user-search input{border-radius:7px;border:1px solid #232a3d;background:#232a3d;color:#fff;font-size:16px;padding:0 12px;height:48px;margin-bottom:1.2rem}.user-search input:focus{outline:1px solid #3b82f6;border-color:#3b82f6}.user-search{display:flex;gap:.5rem;margin-bottom:1rem}.user-info-card{margin-bottom:2rem}.password-reset-form{margin-top:1.5rem}.error{color:#ff4d4f;margin-top:.5rem}.success{color:#22c55e;margin-top:.5rem}.header{display:flex;justify-content:center;align-items:center;background:var(--background);padding:16px;border-bottom:1px solid rgb(28,39,77);box-shadow:0 2px 16px #0000001a;position:sticky;top:0;z-index:100}.header_block{width:100%;max-width:1280px;display:flex;justify-content:space-between;align-items:center}.logo{cursor:pointer;-webkit-user-select:none;user-select:none}.invoice-table-wrapper{width:100%;overflow-x:auto;margin-top:2rem}.invoice-table.modern-table{width:100%;border-collapse:separate;border-spacing:0;overflow:hidden;font-size:1.05rem}.invoice-table thead tr th{border-bottom:1px solid #202435}.invoice-table.modern-table th,.invoice-table.modern-table td{height:64px;max-width:170px;text-align:left}.invoice-table.modern-table th{color:#b3b3b3;font-weight:500;font-size:15px;letter-spacing:.01em}.invoice-table.modern-table tr:last-child td{border-bottom:none}.invoice-row{transition:background .18s}.edit-btn{background:#3b82f6;color:#fff;border:none;border-radius:6px;padding:.4rem 1.1rem;font-weight:600;font-size:.98rem;cursor:pointer;transition:background .18s}.edit-btn:hover{background:#2563eb;color:#fff}.modal{background:#181f33;border-radius:18px;padding:2.2rem 2.5rem;min-width:340px;max-width:95vw;box-shadow:0 4px 32px #0000002e}.modal-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:1.2rem}.form-input label{font-size:16px;color:#e3e3e3;margin-bottom:.4rem}.form-input input{border-radius:7px;border:1px solid #232a3d;background:#232a3d;color:#fff;font-size:16px;padding:0 12px;height:48px;margin-bottom:1.2rem}.form-input input:focus{outline:1px solid #3b82f6;border-color:#3b82f6}button,.edit-btn{font-family:inherit}.header nav{display:flex;align-items:center;gap:1.2rem}.header nav button{background:var(--background);color:var(--text-main);border:none;border-radius:var(--button-radius);padding:.6rem 1.4rem;cursor:pointer;font-weight:600;font-size:1rem;transition:background .2s,color .2s;outline:none}.header nav button.active,.header nav button:hover{background:var(--primary);color:#fff}.delete-btn:hover{background:#ef4444;color:#fff}.loginButton:hover{background:#253c83;color:#fff}
